龚哥哥 - 山里男儿 爱生活、做自己!
在html中实现两个html文件交互传递数据的方法
发表于 2015-8-31 | 前端

a.html 文件 代码如下

<html>
    <head>
    </head>
    <body>
        <input type = "text" id = "inputid">
        <input type = "button" onclick="submit('3')" value = "提交">
    </body>
</html>
<script>
function submit(e) {
    var input1 = document.getElementById("inputid");
    var age = e.elements[1].value;
    window.open("b.html?inputstr="+age);  //传入参数
}
</script>

b.html 文件  代码如下

<html>
    <head>
    </head>
    <body>
    </body>
</html>
<script>
    //获得参数的方法
    var request = {
        QueryString : function(val) {
            var uri = window.location.search;
            var re = new RegExp("" +val+ "=([^&?]*)", "ig");
            return ((uri.match(re))?(uri.match(re)[0].substr(val.length+1)):null);
        }
    }

    //调用方法获得参数
    var rt = request.QueryString("inputstr");
    alert(rt);
</script>

新建两个 a.html  和 b.html 文件,将代码直接拷贝进去就可以正常测试看见结果了

发表评论:

TOP