静态页跨页面传值

静态页跨页面传值:

第一步:新建一个index.html文件

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <a href="get.html?id=1" target="_blank">测试</a>
    </body>
</html>

然后看第二个页面get.html,第二个页面是用来接收index.html传过来的参数的:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            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() {
                var param = getParameter("id");
                document.getElementById("a").value = param;
            }
        </script>
    </head>
    <body onload="init()">
        传值结果 <br>
        <input id="a" type="text" />
    </body>

</html>
内容包含转载或原创内容,请勿转载
秋风荡 » 静态页跨页面传值

1 评论

  1. 不错

发表评论

隐藏
变装