iframe之间操做记录

1.watch.js

        (function ($) {
            $.fn.watch = function (callback) {
                return this.each(function () {
                    //缓存之前的值  
                    $.data(this, 'originVal', $(this).val());

                    //event  
                    $(this).on('keyup paste', function () {
                        var originVal = $.data(this, 'originVal');
                        var currentVal = $(this).val();

                        if (originVal !== currentVal) {
                            $.data(this, 'originVal', $(this).val());
                            callback(currentVal);
                        }
                    });
                });
            };
        })(jQuery);

2. watch 使用

                function watchValue(){
            $("input#tongyibianhao[type='text']").watch(function(value) {  
                console.log(value);
                        
                }); 

        }

 

 

3.父页面操做子页面

$("# iframe ID")[0].contentWindow.命名空间

3.子页面操做父页面

$("#ID", window.parent.document).click(function(){
作事情
        });

4.两个iframe之间传值

 

a.经过URL传值

function getUrl(url){
           var query = window.location.search.substring(1);
           var vars = query.split("&");
           for (var i=0;i<vars.length;i++) {
                   var pair = vars[i].split("=");
                   if(pair[0] ==url){return pair[1];}
           }
           return;
    }
构造URL为：URL+?A=aaaaa&B=bbbbb

使用方法：

A=命名空间.getUrl("A");

B=命名空间.getUrl("B");

b.经过传值到父页面，由父页面通知子页面

 使用watch.js