Back

用iframe嵌套一个网址,可以实现参数传递

用iframe嵌套一个网址,可以实现参数传递

描述

iframe嵌套一个网址,可以实现参数传递

<!DOCTYPE html>
<html lang=zh-CN>
<head>
    <meta charset="UTF-8">
    <script>
        function getQueryVariable(variable)
        {
            var query = window.location.search.substring(1);
            var vars = query.split("&");
            for (var i=0;i<vars.length;i++) {
                var pair = vars[i].split("=");
                if(pair[0] == variable){return pair[1];}
            }
            return(false);
        }
        // 16047
        var id = getQueryVariable('id');
        console.log(id);
    </script>
    <style>
        body{
            overflow:hidden;
        }
        #iframeBox{
            width: 100%;
        }
    </style>
</head>
<body>
<iframe  id="iframeBox" scrolling="auto" frameborder="0" onload="changeFrameHeight()"></iframe>
</body>
<script>
    document.getElementById("iframeBox").src='https://xxx.com/?id='+id;
    function changeFrameHeight(){
        var ifm= document.getElementById("iframeBox");
        ifm.height=document.documentElement.clientHeight;
    }
    window.onresize=function(){
        changeFrameHeight();
    }
</script>
</html>
Built with Hugo
Theme Stack designed by Jimmy
© Licensed Under CC BY-NC-SA 4.0