关于iframe传值问题

最近做项目时第一次遇到了向iframe子页中传值的问题，

比如：A页面向 B页面下的C子页面 传值，如果直接使用url传值会发现子页并没有接收到值的情况。

但是在chrome的编译器下调试却始终发现不了问题。

终于找到问题出在子页接收数据后其实作出了处理，但是在父页面再次调用时把数据清空了（个人猜测，欢迎大神纠正）。

所以我们需要先在父页面，也就是B页面接收数据之后在进行页面传值到他的子页C页面下。这样就可以进行正确的页面传值，可以完整的显示页面数据。

以下贴出部分关键代码。

//A页面

window.location.href="user-main.html?value="+tel

 

//B页面

window.onload = function(){
       
        var value;

//接收页面传值
        var url = window.location.search;
        if (url.indexOf("?")!=-1) {
            var str = url.substr(1);
            var strs = str.split("=");
            for (var i = 0; i < strs.length; i=i+2) {
                var key = strs[i];
                var val = strs[i+1];
                this.value = val;
                $("#info").attr("src","./user_info.html?name="+val)
            }
        }
        $("#display").text(key+","+val);
        console.log(this.value);
         $("#change").attr("data-href","alter-user-password.html?val="+this.value)                     
    }
 

//C页面

    $(document).ready(function () {

        //接收页面传值
        var url = window.location.search;
        if (url.indexOf("?")!=-1) {
            var str = url.substr(1);
            var id = str.split("=")[1];
            userID = id;

            alter(userID)
        }

 

欢迎来到我的个人博客来互相讨论技术：http://www.strivingtree.com/