JS在当前页面中调用iframe中的方法

最新推荐文章于 2024-04-23 19:29:15 发布
原创 最新推荐文章于 2024-04-23 19:29:15 发布 · 250 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#iframe

本文介绍了一种通过 JavaScript 在父页面中调用 iframe 内部函数的方法。具体实现是利用 document.frames 属性根据 iframe 的 name 属性进行查找，并调用指定的 JS 函数。

var v_Obj=document.frames("iframeName");
v_Obj.iframeFunction();

解释：
    其中的frames代表根据iframe中的name属性来查找；
 iframeName为iframe中name属性的值；
 iframeFunction为iframe中的JS方法名称。

JS 在iframe子页面中调用和获取iframe父页面的方法和元素，以及在firame父页面中调用和获取iframe子页面的方法和元素
旭东怪的博客
09-19 8491
1、在子iframe中调用父窗口的方法 test()是父窗口中的方法。 window.parent.test(); 2、在子iframe中获取父窗口的元素 test是父窗口中的元素。 $("#test",window.parent.document).val(); $("#test",parent.document).val(); ...
在iframe中调用js父页面和子页面方法
08-08
NULL 博文链接：https://747017186.iteye.com/blog/1985110
js调用-嵌入iframe
06-03
js调用-嵌入iframe,测试JS之间的调用关系
js中iframe方法调用
MyCrazy
04-19 724
1、iframe子页面调用 父页面js函数 window.praent.a(); 2、iframe子父页面调用 子页面js函数 document.getElementById('ifrtest').contentWindow.b(); 注：ifrtest是iframe框架的id，b()为子页面js函数。contentWindow属性是指定的frame或者iframe所在的window对...
js如何调用iframe页面里的方法
AI炼丹师的专栏
12-22 1650
document.getElementById("iframeID").contentWindow.子级页面方法();<input type="button" value="调用子页面方法" onclick="tt()" />alert("这里是父页面ff的方法");<h3>父页面</h3>
Jquery调用iframe父页面中的元素及方法
11-24
在网页开发中，有时我们需要在`iframe`中与父页面进行交互，比如调用父页面中的元素或执行父页面的方法。本文将详细讲解如何使用jQuery实现这一功能。 首先，我们来了解一下`iframe`的基本概念。`iframe`（Inline ...
js调用iframe实现打印页面内容的方法
12-12
JavaScript调用IFrame实现打印页面内容的方法是一种常见且实用的技术，尤其在网页中需要特定区域打印或者保持原页面不被改变的情况下。以下是该方法的详细解释： ### 1. 程序说明 1. **选择性打印**：此方法允许...
js实现iframe跨页面调用函数的方法
12-11
在JavaScript中，实现iframe跨页面调用函数是一个常见的需求，特别是在构建复杂的Web应用程序时。当一个页面（父页面）嵌入了另一个页面（子页面）作为iframe时，有时需要在两个页面之间通信，调用各自的功能。下面...
js防止页面被iframe调用的方法
10-25
如果不相同，说明当前页面已经被嵌入到iframe中，因此将顶层窗口的URL设置为当前窗口的URL，从而实现跳出iframe的效果。 方法二：当检测到页面被iframe调用时，跳转到另一个指定地址。 ```javascript if(top....
用js互相调用iframe页面内的js函数
09-28
`iframe`可以让网页在不离开当前页面的情况下加载其他HTML文档，从而实现内容的分块显示或者部分更新。在这个场景下，涉及到的一个常见需求就是如何用JavaScript在主页面与`iframe`页面之间互相调用函数，以便于进行...
js调用iframe内函数
tuoxinquyu的专栏
01-05 6138
代码例子：<!doctype html> <html> <head> <meta charset="utf-8"> <title>js invoke iframe inner function</title> <style> *{ margin: 0; padding:0;} </style> </head><body> <iframe id="t
javascript调用iframe内的方法
uikoo9的专栏
04-08 1132
document.getElementById('iframedemo').contentWindow.demofunction();
Js-调用iframe页面方法
qq_26318597的博客
09-08 2993
js 调用iframe页面 方法
js调用iframe页面中的变量，js调用iframe页面中的函数
热门推荐
夏沐的博客
09-01 1万+
     在本文中，主要介绍：     （1）父页面a.html调用iframe插入的子页面b.html页面中的js函数；     （2）父页面b.html调用iframe插入的子页面c.html页面的js变量；      如下图所示为父页面a.html页面，该页面中使用iframe插入了b.html页面，在a.html页面中调用了b.html页面中的函数，并获取了b.html页面中的变量d...
Iframe中的页面如何调用引用Iframe页面里的函数
最新发布
qq_52579875的博客
04-23 1430
在Vue.js中，如果你想要在<iframe>内部调用父级组件的方法（如onClose），你需要确保能够跨域通信，因为同源策略通常阻止这种直接调用。
调用iframe中的js函数
dmkaadmk的专栏
06-13 4448
在父页面调用iframe中的函数     js var iframe = window.document.getElementById("iframeName");  iframe.contentWindow.methodName(); jquery var iframe2 = $("#iframeName")[0]; iframe2.contentWindow.methodN
js调用iframe中的方法的一些问题
OliveXuan
03-13 1920
$('#FlowFormFrame')[0].contentWindow.saveFlowForm('1') 上面是我调用本页面中的一个iframe中的方法，但是总是接收不到方法的返回值,iframe中的方法如下 function saveFlowForm(state) { $("#state").val(state); ...
js如何判断是否在iframe中/JQuery调用iframe父页面元素与方法
08-25
在JS中，可以通过window对象的top属性判断当前页面是否在iframe中。若top属性等于当前window对象本身，则表示当前页面不在任何iframe中；若top属性指向其他window对象，则表示当前页面在一个iframe中。 以下是通过...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值