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

最新推荐文章于 2024-03-06 14:58:08 发布
最新推荐文章于 2024-03-06 14:58:08 发布
阅读量674 收藏 1
点赞数
分类专栏： 前端 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aadyf/article/details/109047501
版权
本文介绍了如何在HTML中通过iframe实现父页面与子页面之间的通信。通过在父页面设置iframe链接，并监听点击事件，可以调用子页面的`reScrollBottom()`方法。同时，子页面可以访问父页面的公共变量，如`parent.customerCode`。这种通信方式对于跨窗口操作和页面组件交互具有重要意义。
摘要由CSDN通过智能技术生成

一、获取子页面方法

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

 

埋头造车轮
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html点击跳转关闭当前页面刷新,js判断页面是否关闭、刷新或跳转的方法
weixin_28802993的博客
06-03 1242
js判断页面是否关闭、刷新或跳转的方法：window.onbeforeunload=function (){alert("===onbeforeunload===");if(event.clientX>document.body.clientWidth && event.clientY < 0 || event.altKey){alert("你关闭了浏览器");}els...
Jquery调用iframe父页面中的元素及方法
11-24
在网页开发中，有时我们需要在`iframe`中与父页面进行交互，比如调用父页面中的元素或执行父页面的方法。本文将详细讲解如何使用jQuery实现这一功能。 首先，我们来了解一下`iframe`的基本概念。`iframe`（Inline ...
js按钮触发网页提醒_js实现关闭网页出现是否离开提示
weixin_39983554的博客
12-20 713
大家是否经常遇到在关闭网页的时候，会看到一个确定是否离开当前页面的提示框？想一些在线测试系统、信息录入系统等就经常会有这一些提示，避免用户有意或者无意中关掉了页面，导致数据丢失。这里面的实现过程很简单，利用了HTML DOM事件中的onunload和onbeforeunload方法。unload 事件属性定义：当用户卸载文档时执行一段 JavaScript，例如：// body//windowwi...
button是块级元素吗_前端面试必知必会的十点，你都知道吗？
weixin_39736934的博客
11-24 282
前端面试必知必会的十点：前端面试必知必会的十点？你都知道吗？1、常见的浏览器内核有哪些?IE浏览器的内核：Trident、Mozilla的Gecko、Chrome的Blink(WebKit的分支)、Opera内核原为Presto，现为Blink2、行内元素有哪些?块级元素有哪些?CSS的盒模型?块级元素：div p h1 h2 h3 h4 form ul行内元素: a b br i span in...
判断页面是关闭还是刷新的js代码
dancer 的专栏
07-15 3056
标签只有onload\onunload\onbeforeunload事件，而没有onclose事件。      不管页面是关闭还是刷新都会执行onunload事件。如何捕捉到页面关闭呢？       页面加载时只执行onload       页面关闭时先执行onbeforeunload，然后onunload      页面刷新时先执行onbeforeunload，然后onunload，最后
腾讯新闻前端团队：深入理解前端性能监控
程序员成长指北
09-28 586
作者：TNFE大鹏哥原文链接：https://zhuanlan.zhihu.com/p/65065472在同样的网络环境下，有两个同样能满足你的需求的网站，一个唰的一下就加载出来了，另一...
利用JQuery操作iframe父页面、子页面的元素和方法汇总
10-19
3. **JavaScript 在iframe子页面获取父页面元素**： ```javascript window.parent.document.getElementById('元素id') ``` 4. **JavaScript 在父页面获取iframe子页面元素**： ```javascript window.frames[...
JavaScript子窗口调用父窗口变量和函数的方法
10-23
在这个`iframe`子页面中，我们可以设置一些变量和函数，并通过父窗口的JavaScript代码来调用它们。例如，可以创建一个`childPara`变量和`childFunction`函数，然后在父窗口的JavaScript中通过`frame1.window....
javascript在子页面中函数无法调试问题解决方法
10-26
在JavaScript编程中，有时我们会遇到在子页面中无法调试函数的问题，这通常是由于浏览器的加载机制和JavaScript的执行环境导致的。本文将探讨这个问题的原因，并提供一种有效的解决方法。 首先，我们需要理解...
layui type2 通过url给iframe子页面传值的例子
10-16
总的来说，layui type2弹窗通过URL向iframe子页面传递参数是一种常见的应用场景，可以方便地在父页面与子页面之间进行数据交互。在实际开发中，我们需要注意URL的编码和解码，以及跨域问题（如果涉及到不同源的...
JavaScript判断是页面关闭还是页面刷新
最新发布
good7ob的博客
03-06 1328
在beforeunload事件中，我们可以使用event对象的type属性来判断当前页面是被关闭还是被刷新。在Web开发中，有时我们需要在页面关闭或刷新时执行一些特定的操作，例如保存用户输入的数据或清除一些缓存数据。但是，由于页面关闭和刷新的行为非常相似，我们需要使用JavaScript来判断当前页面是被关闭还是被刷新。在这个事件中，我们可以执行一些特定的操作，例如保存数据或清除缓存。在上面的代码中，我们根据event对象的type属性来判断当前页面是被关闭还是被刷新，并在控制台中输出相应的信息。
js判断离开当前页面
曳猫的博客
11-24 963
// 页面的 visibility 属性可能返回三种状态 // prerender，visible 和 hidden let pageVisibility = document.visibilityState; // 监听 visibility change 事件 document.addEventListener('visibilitychange', function() { // 页面变为不可见时触发 if (document.visibilityState == 'hidden')
Vue.js判断浏览器关闭还是刷新（判断当前页面是首次加载还是刷新）
night43的博客
06-14 6962
查询资料以及自身测试后提供五种思路方法：(前两种判断浏览器关闭还是刷新，后三种判断当前页面是首次加载还是刷新进入）
前端 如何检测到当前的网页已经退出_javascript在当前窗口关闭前检测窗口是否关闭...
weixin_39649405的博客
12-21 840
在当前窗口关闭前,检测当前窗口是否关闭window.onbeforeunload=function(event){alert("222"); //这里IE9会执行,CHROME不会执行// if(event.clientX>document.body.clientWidth && event.clientY<0||event.altKey){ //如果是刷新,则不提示R...
用js判断页面刷新或关闭的方法
u012230371的博客
10-11 2542
调用以下任意一个事件的时候：click，document write，document open，document close，window close ，window navigate ，window NavigateAndFind,location replace,location reload,form submit.事件触发的时候弹出一个有确定和取消的对话框，确定则离开页面，取消则继续待在本页。·当用window open打开一个页面，并把本页的window的名字传给要打开的页面的时候。
vue判断浏览器是刷新还是关闭
Lucky_girl_wan的博客
10-27 4739
判断浏览器是否关闭，关闭时清除localStorage缓存，刷新则不清除
html 取得iframe中的元素和js变量
yuan882696yan的专栏
06-29 2527
上周想要取得iframe中的元素和js变量
前端 如何检测到当前的网页已经退出_如何监控网页崩溃？
weixin_33240229的博客
01-13 1099
本文是如何监控网页的卡顿？的下篇。今天我们把话题聚焦在如何监控网页的崩溃上。寸志：如何监控网页的卡顿？​zhuanlan.zhihu.com崩溃和卡顿有何差别？卡顿也就是网页暂时响应比较慢，JS 可能无法及时执行，这也是上篇网页卡顿监控所依赖的技术点。但崩溃就不一样了，网页都崩溃了，页面看不见了，JS 都不运行了，还有什么办法可以监控网页的崩溃，并将网页崩溃上报呢？但，天无绝人之路，方法总是有的。...
html中iframe调用父页面方法和变量
无名程序员
04-24 1340
这篇文章主要是对JQueryiframe页面操作父页面中的元素与方法进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助 1）在iframe中查找父页面元素的方法： $('#id', window.parent.document) 2）在iframe中调用父页面中定义的方法和变量： parent.method parent.val
js调用iframe子页面的方法和变量
06-27
要在父页面中调用子页面的方法和变量，可以使用以下几种方式： 1. 使用iframe.contentWindow属性获取子页面的window对象，然后调用该对象的方法或访问该对象的属性。 例如，假设iframe的id为"myFrame"，子页面中有...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值