全文搜索
标题搜索
全部时间
1小时内
1天内
1周内
1个月内
默认排序
按时间排序
为您找到相关结果133,096个

jquery操作iframe实现父页面和子页面相互操作的九种情况_jquery_脚本之...

现实开发中难免会遇到子页面、父页面相互操作的情况,由于时不时地会遇到几次(不是一次),所以就整理了一下父子页面相互相互调用常见的九种情况,作为自己的备忘录,同时也希望对大家有帮助。 一、子页面C1操作父页面P(下述三个方法写在子页面C1中) 1 2
www.jb51.net/javascript/316426q...htm 2025-2-14

iframe父子页面实现共用滚动条的常见方法_javascript技巧_脚本之家

3.通过postMessage通信实现父子页面滚动联动我们可以通过监听父页面的滚动事件,将滚动信息传给子页面,子页面通过监听父页面的postMessage事件,获取滚动信息,手动触发滚动事件,从而实现滚动联动。父页面代码:1 2 3 window.onscroll = function(){ document.querySelector('iframe').contentWindow.postMessage({'scrollTop...
www.jb51.net/javascript/3211456...htm 2025-2-8

iframe子页面与父页面在同域或不同域下的js通信_javascript技巧_脚本...

2. 用document.readyState=="complete"来判断 二、跨域父子页面通信方法 如果iframe所链接的是外部页面,因为安全机制就不能使用同域名下的通信方式了。 父页面向子页面传递数据 实现的技巧是利用location对象的hash值,通过它传递通信数据。在父页面设置iframe的src后面多加个data字符串,然后在子页面中通过某种方式能即...
www.jb51.net/article/498...htm 2025-2-11

javascript父子页面通讯实例详解_javascript技巧_脚本之家

如果一个domain为 www.abc.com的页面内部包含一个name属性值为childFrame的iframe,并且这个iframe的domain为 static.abc.com。那么可以通过设置父页面的domain为abc.com,子页面的domain也为abc.com,然后实现父子页面通讯(我这里有点混淆父子页面和跨域的概念。 不采用上面的方法也是可以实现父子页面相互访问的。 方法是...
www.jb51.net/article/696...htm 2025-2-11

在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法...

最近,在项目中使用到了layer。layer的弹层组件可以说是非常好用,layer 至今仍作为 layui 的代表作。在项目中,需要实现一个在表格里面点击操作,然后弹出layer层,将父层表格的行值传给子页面,子页面拿到值后,进行业务处理,从而实现真正的父子页面交互。
www.jb51.net/article/169697.htm 2025-2-5

iframe的父子窗口之间的对象相互调用基本用法_javascript技巧_脚本...

使用iframe的时候,可能会涉及到父子窗口之间传值和方法的相互调用,之前一直有些迷糊,也没有着意去弄清楚,这两天要干活,没法子了只好把这都弄明白了。其实非常简单,就那么几个用法,几句代码而已。 子窗口中调用父窗口的js方法: 复制代码代码如下: parent.changeBtnTitle('tzgg'); ...
www.jb51.net/article/410...htm 2025-1-28

Vue中使用iframe踩坑问题记录 iframe+postMessage_vue.js_脚本之家

需求:最近在写一个博客的功能模块,技术栈是单独选择的vuepress,完成后想要融合到一个vue工程里,考虑到后期维护的问题,就通过iframe将vuepress打包后的工程页面引入到vue工程的一个页面中,这样iframe的父子级页面之间也要进行信息的传递,比如说传递iframe的子页面的滚动高度给父页面,然后撑开页面高度。
www.jb51.net/article/262432.htm 2022-9-13

iframe子父页面调用js函数示例_javascript技巧_脚本之家

1、iframe子页面调用父页面js函数 子页面调用父页面函数只需要写上window.praent就可以了。比如调用a()函数,就写成: 复制代码代码如下: window.parent.a(); 子页面取父页面中的标签中的值,比如该标签的id为“test”,则: 复制代码代码如下: window.parent.document.getElementById("test").value; ...
www.jb51.net/article/429...htm 2025-2-13

layer.open 子页面弹出层向父页面传输数据的例子_javascript技巧_脚本...

页面向父页面传数据,利用弹出页面点击确定时返回的参数,即yes:function(index,layero){}的layero。 关键就一句: 1 varobj = $(layero).find("iframe")[0].contentWindow; obj可以调用子页面的方法,这样就可以通过子页面传递数据了。 1 2 3 4
www.jb51.net/article/1708...htm 2025-2-7

微信小程序中子页面向父页面传值实例详解_javascript技巧_脚本之家

上面一张图是编辑款项页面,下面一张图是点击了编辑款项页面中选择好友的图标后打开的子页面。这个时候点选子页面的某个好友时,需要把好友的名字传递回编辑款项父页面。 采取的方法: 从页面路由栈中直接获取和操作目标Page对象,这种方式,是通过调用小程序的API: getCurrentPages(),来获取当前页面路由栈的信息,这个路...
www.jb51.net/article/1089...htm 2025-2-8