获取iframe子页面js方法，子页面调用父页面变量

最新推荐文章于 2024-03-06 14:58:08 发布
原创 最新推荐文章于 2024-03-06 14:58:08 发布 · 786 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js

本文介绍了如何在HTML中通过iframe实现父页面与子页面之间的通信。通过在父页面设置iframe链接，并监听点击事件，可以调用子页面的`reScrollBottom()`方法。同时，子页面可以访问父页面的公共变量，如`parent.customerCode`。这种通信方式对于跨窗口操作和页面组件交互具有重要意义。

一、获取子页面方法

1、页面里增加iframe链接路径

 <iframe src="consult.html" frameborder="0" class="layadmin-iframe" id="J_questionzx"></iframe>

2、监听点击事件时跳转到iframe页面并执行相应的方法

$("#J_questionzx")[0].contentWindow.reScrollBottom();

下图是父页面调用子页面方法写法

子页面方法：

二、iframe子页面调用父页面公共变量使用parent.customerCode

 

在iframe中调用js父页面和子页面方法
08-08
NULL 博文链接：https://747017186.iteye.com/blog/1985110
Jquery调用iframe父页面中的元素及方法
11-24
在网页开发中，有时我们需要在`iframe`中与父页面进行交互，比如调用父页面中的元素或执行父页面的方法。本文将详细讲解如何使用jQuery实现这一功能。 首先，我们来了解一下`iframe`的基本概念。`iframe`（Inline ...
iframe里面的页面调用父窗口,左右窗口js函数的方法
fly1206的博客
08-22 252
iframe里面的页面调用父窗口,左右窗口js函数的方法   iframe里面的页面调用父窗口,左右窗口js函数的方法 实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法。 比如有A窗口，A内有个IFRAME B，B里面的装载的是C页面，这时C要直接调用A里面的一个自定义函数AFUN();那么只要在C页面中写如下JS函数就可以了：window.parent.AFUN()...
js中iframe调用父页面的方法
01-19
本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下： 子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数，然后在子页面通过window.parent.方法()即可实现了 比如调用a()函数，就写成： 代码如下:window.parent.a(); 但是我在chrome浏览器下却发现此方法无效了 代码如下://在父页面中调用该函数 [removed] function dey() { var cards_frame=document.frames(“card-iframe”);    //card-iframe为iframe的名字    
iframe子页面js调用父页面js函数/父页面调用Iframe子页面中js方法
weixin_34326429的博客
02-19 495
一、iframe页面里的js调用父级页面js函数 1、假设当前页面为a.html, iframe的src页面为b.html,其代码如下： <html> <head> <title></title> </head> <body> 　　<p>iframe页面里的js调用父级页面js函数的demo&lt...
前端 如何检测到当前的网页已经退出_javascript在当前窗口关闭前检测窗口是否关闭...
weixin_39649405的博客
12-21 963
在当前窗口关闭前,检测当前窗口是否关闭window.onbeforeunload=function(event){alert("222"); //这里IE9会执行,CHROME不会执行// if(event.clientX>document.body.clientWidth && event.clientY<0||event.altKey){ //如果是刷新,则不提示R...
iframe子页面与父页面在同域或不同域下的js通信
10-25
在讨论iframe子页面与父页面间的JavaScript通信时，首先需要理解同域与跨域的概念。同域指的是两个页面的协议、域名和端口完全相同。跨域则是指页面的协议、域名或端口中的一个或多个不同。 在同域环境下，iframe与...
利用JQuery操作iframe父页面、子页面的元素和方法汇总
10-19
3. **JavaScript 在iframe子页面获取父页面元素**： ```javascript window.parent.document.getElementById('元素id') ``` 4. **JavaScript 在父页面获取iframe子页面元素**： ```javascript window.frames[...
浅谈js中子页面父页面方法 变量相互调用
10-21
在JavaScript开发中，特别是在涉及到iframe嵌套页面的情况下，经常需要在子页面和父页面之间进行方法和变量的相互调用。在Web开发的场景中，子页面指的是嵌入到父页面中的iframe页面。由于它们处于不同的浏览上下文...
前端 如何检测到当前的网页已经退出_如何监控网页崩溃？
weixin_33240229的博客
01-13 1237
本文是如何监控网页的卡顿？的下篇。今天我们把话题聚焦在如何监控网页的崩溃上。寸志：如何监控网页的卡顿？​zhuanlan.zhihu.com崩溃和卡顿有何差别？卡顿也就是网页暂时响应比较慢，JS 可能无法及时执行，这也是上篇网页卡顿监控所依赖的技术点。但崩溃就不一样了，网页都崩溃了，页面看不见了，JS 都不运行了，还有什么办法可以监控网页的崩溃，并将网页崩溃上报呢？但，天无绝人之路，方法总是有的。...
腾讯新闻前端团队：深入理解前端性能监控
程序员成长指北
09-28 682
作者：TNFE大鹏哥原文链接：https://zhuanlan.zhihu.com/p/65065472在同样的网络环境下，有两个同样能满足你的需求的网站，一个唰的一下就加载出来了，另一...
js判断离开当前页面
曳猫的博客
11-24 1063
// 页面的 visibility 属性可能返回三种状态 // prerender，visible 和 hidden let pageVisibility = document.visibilityState; // 监听 visibility change 事件 document.addEventListener('visibilitychange', function() { // 页面变为不可见时触发 if (document.visibilityState == 'hidden')
js按钮触发网页提醒_js实现关闭网页出现是否离开提示
weixin_39983554的博客
12-20 923
大家是否经常遇到在关闭网页的时候，会看到一个确定是否离开当前页面的提示框？想一些在线测试系统、信息录入系统等就经常会有这一些提示，避免用户有意或者无意中关掉了页面，导致数据丢失。这里面的实现过程很简单，利用了HTML DOM事件中的onunload和onbeforeunload方法。unload 事件属性定义：当用户卸载文档时执行一段 JavaScript，例如：// body//windowwi...
iframe子页面调用父页面的js方法
qq_34297991的博客
05-25 573
window.parent.testParent();//调用父级页面的Js函数
iframe页面调用父页面的js函数 (转载)
miaoxiongvip的专栏
11-24 128
假若iframe所在的页面here.html有个JS函数为：wode()，它位于页面的&lt;script&gt;&lt;/script&gt;这个节 然后iframe的src，即里面的页面为：other.html，那么我们在other.html里面就可以如下调用here.html里面的wode这个函数：window.parent.wode();对于父页面的控件的引用就如法炮制：window.pa...
js监测手机是否离开当前页面
weixin_44668640的博客
06-01 698
公司的项目中的一个需求，在答题环节中用户来电（QQ、微信等页面），但是用户并没有点击返回键，进入了电话页面，这时需要暂停定时器执行。 在百度上搜到了一个方法，通过 `document.addEventListener("visibilitychange", function () { if (document.visibilityState == "hidden") { console.log('hidden') // 在此处写退出之后的操作，比如暂停定时器 } else
JavaScript判断是页面关闭还是页面刷新
最新发布
good7ob的博客
03-06 3050
在beforeunload事件中，我们可以使用event对象的type属性来判断当前页面是被关闭还是被刷新。在Web开发中，有时我们需要在页面关闭或刷新时执行一些特定的操作，例如保存用户输入的数据或清除一些缓存数据。但是，由于页面关闭和刷新的行为非常相似，我们需要使用JavaScript来判断当前页面是被关闭还是被刷新。在这个事件中，我们可以执行一些特定的操作，例如保存数据或清除缓存。在上面的代码中，我们根据event对象的type属性来判断当前页面是被关闭还是被刷新，并在控制台中输出相应的信息。
Python课堂笔记-第八讲&第九讲（函数）
chris7266的博客
09-05 704
Python课堂笔记-第八讲&第九讲（函数）一、函数简介二、函数的参数1. 形参和实参2. 参数的类型3. 参数的传递方式三、函数的返回值四、文档字符串五、命名空间六、函数作用域七、递归函数总结 一、函数简介 函数也是一个对象 函数用来保存一些可执行的代码，并且可以在需要时，对这些语句进行多次调用。 # 定义一个函数 def fn(): print('这是我的第一个函数！！！') print('哈哈哈') print('嘿嘿嘿') # print是函数对象 print()
iframe中子页面调用父页面的js方法
qq_15884363的博客
01-18 7894
app.html    http://www.w3.org/1999/xhtml">无标题文档      function val(){        alert('frame子窗体调用父窗体方法');     }         js remote  index.htmlhttp://www.w3.org/1999/xhtml">无标题文档 服务器分部积分附件包括发酵白金卡哇          
子页面通过Iframe获取父页面的变量与控件技巧
假设父页面中有一个JavaScript变量`parentVar`，子页面可以通过以下代码获取： ```javascript var parentVar = window.parent.parentVar; ``` 4. **操作父页面的控件** 子页面同样可以通过`window.parent`...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值