有时候需要在一个页面上，点击一个连接或是按钮，弹出另外一个窗口（大小和位置可以指定），并且传递相关的参数。这里有两个页面实现
第一个页面aa.html
<html> <head> <title>aa</title> <script language="javascript"> function openNewWindow(sip){ var parm="邹腾"; var url = "bb.html?ip="+sip+"&parm="+parm; /* window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度(分辨率值) window.screen.height 返回当前屏幕高度(分辨率值) window.document.body.offsetHeight; 返回当前网页高度 window.document.body.offsetWidth; 返回当前网页宽度 Window.Open参数、返回值 脚本运行后，bb.html将在新窗体中打开，宽为500，高为400，距屏顶h象素，屏左w象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏，无状态栏 */ var w=window.screen.availWidth-500; var h=window.screen.availHeight-400; window.open (url, '', "top="+h+", left="+w+", width=500, height=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"); } </script> </head> <body> 这是aa.html页面 <input type="button" value="提交0" onclick="openNewWindow('192.168.1.1')"/> </body> </html>
跳出来的页面bb.html
<html> <head> <title>bb</title> <script language="javascript"> // 方法一 function getParam() { var urlInfo = window.location.href; //获取当前页面的url // alert("urlInfo为："+urlInfo); var intLen = urlInfo.length; //获取url的长度 var offset = urlInfo.indexOf("?"); //设置参数字符串开始的位置 var strKeyValue = urlInfo.substr(offset, intLen); //取出参数字符串 这里会获得类似“id=1”这样的字符串 var arrParam = strKeyValue.split("="); //对获得的参数字符串按照“=”进行分割 var strParamValue = arrParam[1]; //得到参数值 alert("您要传递的参数值是" + strParamValue); return strParamValue; } //方法二，比较灵活 //name为传过来的参数名称 function J_getParm(name) { var js_get =self.window.document.location.href; //获取当前页面的url //alert("url为："+js_get); //indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置.从0开始，如果没有找到子字符串，则返回-1 //stringObject.indexOf(searchvalue,fromindex),开始检索的位置在字符串的 fromindex 处或字符串的开头（没有指定 fromindex 时） var start =js_get.indexOf(name + '='); //alert("start:"+start); if (start == -1) return ''; var len = start + name.length + 1; var end = js_get.indexOf('&',len); if (end == -1) end = js_get.length; //alert(unescape(js_get.substring(len,end))); // decodeURI解码 //substring(start,end) var parmResult=decodeURI(js_get.substring(len,end)); return parmResult; } //使用时,调用 function showResult(){ var parm=J_getParm('ip'); alert("参数值为:"+parm); } </script> </head> <body> 这是bb.html页面 <input type="button" value="显示参数" onclick="getParam()" /> <input type="button" value="显示参数ip" onclick="showResult()" /> </body> </html>