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
posted @   一个勤奋的胖子  阅读(633)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示