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