·您当前的位置:首页 > 技术教程 > JavaScript >

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

时间:2016-06-13 09:24酷播
JavaScript解决纯HTML静态页面之间参数传递的问题,解决办法如下:如果大家有其他比较好的办法,麻烦请告诉我... 要源码的留下邮箱,发给大家

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

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


children.html代码如下:

  1. <html> 
  2.     <head> 
  3.         <title> 
  4.             这是子页面 
  5.         </title> 
  6.     </head> 
  7.     <body> 
  8.         <div id="resultDiv" name="resultDiv"></div> 
  9.     </body> 
  10.     <script type="text/javascript"> 
  11.             var urlInfo=window.location.href; 
  12.             var argsIndex=urlInfo.indexOf("?"); 
  13.             var args=urlInfo.substring((argsIndex+1)).split("&"); 
  14.             var argsInfo=""
  15.             for(i=0;i<args.length;i++){ 
  16.                 var argResult=args[i].split("="); 
  17.                 if(argResult.length==2){ 
  18.                     argsInfo+="参数名["+argResult[0]+"]"; 
  19.                     argsInfo+="参数值["+argResult[1]+"]"; 
  20.                     argsInfo+="<br/>"; 
  21.                 }                        
  22.             } 
  23.             document.getElementById("resultDiv").innerHTML=argsInfo
  24.     </script> 
  25. </html> 


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

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器