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>

相关阅读:
form表单里submit的提交，如何不让其阻止ajax的调用
前端模拟后台json 调接口
纯前端实现搜索功能、模糊查询
js如何获取select下拉框的value以及文本内容并赋值
清除表单input输入框内数据
js动态生成的dom mouseover事件无效
jq获取当前日期xxxx-xx-xx格式
获取自定义属性、 data-* 的值
媒体查询不起作用
shell_判断语句If

原文地址：https://www.cnblogs.com/xujinzhong/p/8630765.html