html页面跳转,传递参数

  有时候需要在一个页面上,点击一个连接或是按钮,弹出另外一个窗口(大小和位置可以指定),并且传递相关的参数。这里有两个页面实现

     第一个页面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>
aa.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>
bb.html
原文地址:https://www.cnblogs.com/zouteng/p/3166813.html