HTML5 参数传递

页面显示效果，如下图：

主页面代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
          <br>
          <br>
        <a href="jssendValue.html?id=test&user=xujinzhong&pwd=123456&uid=123456" target="_blank"&nbsp >>>> 点击跳转到下一个界面 >>></a> 
    </body>
</html>

跳转页面代码：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script language="javascript">
            var myID = "id"
            var myuser = "user"
            var mypwd = "pwd"
            var myuid = "uid"
            function getParameter(param) {
                var query = window.location.search; //获取URL地址中？后的所有字符  
                var iLen = param.length; //获取你的参数名称长度  
                var iStart = query.indexOf(param); //获取你该参数名称的其实索引  
                if(iStart == -1) //-1为没有该参数  
                    return "";
                iStart += iLen + 1;
                var iEnd = query.indexOf("&", iStart); //获取第二个参数的其实索引  
                if(iEnd == -1) //只有一个参数  
                    return query.substring(iStart); //获取单个参数的参数值  
                return query.substring(iStart, iEnd); //获取第二个参数的值  
            }

            function init() {
                document.getElementById("id").value = getParameter(myID);
                document.getElementById("user").value = getParameter(myuser);
                document.getElementById("pwd").value = getParameter(mypwd);
                document.getElementById("uid").value = getParameter(myuid);
            }
        </script>
    </head>

    <body onload="init()">
        this is a test <br>
        <input id="id" type="text" />
        <br>
        <input id="user" type="text" />
        <br>
        <input id="pwd" type="text" />
        <br>
        <input id="uid" type="text" />
    </body>

</html>

 

posted on 2018-03-23 15:52  东方&#128058;  阅读(782)  评论(0)  编辑  收藏  举报

导航