[js]Js实现纯HTML静态页面之间参数传递的问题源代码

2016-10-13 00:16:48 点击量:71 标签: 收藏本文

JavaScript解决纯HTML静态页面之间参数传递的问题，解决办法如下：
parents.html如下：

<html> 
    <head> 
        <title> 
            这是父页面 
        </title> 
        <script type="text/javascript"> 
            function createNewWindow(){ 
                var args=new Array("美女","房子","汽车"); 
                var url="children.html?args1="+args[0]+"&args2="+args[1]+"&args3="+args[2]; 
                var iHeight=100; 
                var iWidth=400; 
                var iTop=(window.screen.availHeight-30-iHeight)/2; 
                var iLeft=(window.screen.availWidth-10-iWidth)/2; 
                window.open(url,"childrenWindow","height="+iHeight+",width="+iWidth+",top="+iTop+",left="+iLeft+",toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no");  
            } 
        </script> 
    </head> 
    <body> 
        <input type="button" value="CuPlayer.com点击测试" onclick="createNewWindow()"> 
    </body> 
</html>

children.html代码如下：

<html> 
    <head> 
        <title> 
            这是子页面 
        </title> 
    </head> 
    <body> 
        <div id="resultDiv" name="resultDiv"></div> 
    </body> 
    <script type="text/javascript"> 
            var urlInfo=window.location.href; 
            var argsIndex=urlInfo.indexOf("?"); 
            var args=urlInfo.substring((argsIndex+1)).split("&"); 
            var argsInfo=""; 
            for(i=0;i<args.length;i++){ 
                var argResult=args[i].split("="); 
                if(argResult.length==2){ 
                    argsInfo+="参数名["+argResult[0]+"]"; 
                    argsInfo+="参数值["+argResult[1]+"]"; 
                    argsInfo+="<br/>"; 
                }                        
            } 
            document.getElementById("resultDiv").innerHTML=argsInfo; 
    </script> 
</html>

如果大家有其他比较好的办法，麻烦请告诉我... 要源码的留下邮箱，发给大家

上一篇： [js]跨浏览器浏览器兼容性

下一篇： [js]输入框只能输入数字，并自动算出数字相加总和的源代码

ABOUT US

宜昌农人网络科技有限公司

我们是一家提供综合软件外包与弱电工程服务的技术公司。

业务涵盖定制软件、管理系统、网站、小程序、APP、系统集成、网络布线、监控安防、门禁、机房建设及长期技术维护。

公司地址：湖北省宜昌市伍家岗区东站二路6号三峡（宜昌）大数据产业园海洋馆二楼A203室