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

 

posted on 2013-07-02 13:45  Galloper  阅读(995)  评论(0)  编辑  收藏  举报

导航