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

最新推荐文章于 2022-09-08 10:51:15 发布
最新推荐文章于 2022-09-08 10:51:15 发布
阅读量209 收藏
点赞数
分类专栏： js 前端 JavaScript 文章标签： iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qubernet/article/details/82920818
版权
前端 同时被 3 个专栏收录
103 篇文章 0 订阅
订阅专栏
js
83 篇文章 0 订阅
订阅专栏
JavaScript
52 篇文章 0 订阅
订阅专栏

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

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

qubernet
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js调用-嵌入iframe
06-03
js调用-嵌入iframe,测试JS之间的调用关系
js中iframe方法调用
MyCrazy
04-19 659
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内函数
tuoxinquyu的专栏
01-05 5985
代码例子：<!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 992
document.getElementById('iframedemo').contentWindow.demofunction();
js如何调用iframe页面里的方法
hunt_er的博客
08-29 8867
在写页面时常常需要弹出iframe页面，而iframe页面的内容是另一个页面，比如，弹出iframe的里面是一个表单（另一个页面），这样在父页面怎样调用子页面的方法呢？ 经过一番摸索，发现采用如下js即可成功调用 //用widow属性获取iframe的dom对象的name，得到窗口对象 var iframeWin = window[$(iframe)[0]['name']]; iframeWin.check(); //check()即子页面的方法，和子页面调用规则一样 总结就是两条， 1.
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....
在iframe中调用js父页面和子页面方法
08-08
NULL 博文链接：https://747017186.iteye.com/blog/1985110
JS 在iframe子页面中调用和获取iframe父页面的方法和元素，以及在firame父页面中调用和获取iframe子页面的方法和元素
旭东怪的博客
09-19 7858
1、在子iframe中调用父窗口的方法 test()是父窗口中的方法。 window.parent.test(); 2、在子iframe中获取父窗口的元素 test是父窗口中的元素。 $("#test",window.parent.document).val(); $("#test",parent.document).val(); ...
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...
Js-调用iframe页面方法
qq_26318597的博客
09-08 2745
js 调用iframe页面 方法
关于js调用iframe中函数方法不管用的一些提示
前端小渣渣
11-29 6913
记得在我以前写的一篇easyui dialog弹出框的注意事项中写有从iframe页面中调用iframe外面的函数，从而实现iframe子页面向父页面的传值与函数的调用，可以把iframe中的easyui dialog框在最外层显示，而不只是在iframe里，导致别的元素还能点击。      今天遇到个问题需要用js调用iframe里的函数，正好和以前相反。上网上搜了一下，几乎都是以下的例子~~
在父页面调用iframe子页面的JS方法
热门推荐
heartbeaty的专栏
02-18 4万+
parent function parentFunction() { alert('function in parent'); } function callChild() { child.window.childFunction(); /* child 为iframe的name属性值， 不能为id，因为在FireFox下id不能获取iframe对象 */ }
js调用iframe中的方法的一些问题
OliveXuan
03-13 1850
$('#FlowFormFrame')[0].contentWindow.saveFlowForm('1') 上面是我调用本页面中的一个iframe中的方法，但是总是接收不到方法的返回值,iframe中的方法如下 function saveFlowForm(state) { $("#state").val(state); ...
用js互相调用iframe页面内的js函数
xiaoerbuyu1233的博客
08-15 328
用js互相调用iframe页面内的js函数 http://www.jb51.net/web/18555.html 1，首先获得右栏iframe对象 var frames=document.getElementById("frameid");//frameid即右栏iframe的id名 2，重置其src值 frames.src=pageurl;//pageurl即要显示的目的页面 这样就实...
js如何判断是否在iframe中/JQuery调用iframe父页面元素与方法
最新发布
08-25
### 回答1： 可以使用以下方法来判断是否在 iframe 中： ```javascript if (window.self !== window.top) { // 在 iframe 中 } else { // 不在 iframe 中 } ``` 在 jQuery 中，可以使用 `parent` 方法来调用 iframe 父页面的元素和方法： ```javascript // 获取父页面的元素 $(parent.document).find('#elementId'); // 调用父页面的方法 parent.methodName(); ``` ### 回答2： 要判断当前页面是否在iframe中，可以使用JavaScript的window对象的top属性来判断。如果top属性等于自身window对象，那么证明当前页面不在任何iframe中；如果top属性不等于自身window对象，那么证明当前页面在一个iframe中。 示例代码如下： ```javascript if (window.top === window){ console.log("当前页面不在任何iframe中"); } else { console.log("当前页面在一个iframe中"); } ``` 要在iframe中调用父页面的元素和方法，可以使用jQuery的parent()方法或者window.parent来获取父页面的元素或窗口对象，然后通过对象的方法来进行操作。 示例代码如下： ```javascript // 使用parent()方法获取父页面元素并进行操作 $("button", parent.document).click(function(){ // 在父页面中查找<button>元素，并添加点击事件处理函数 alert("在父页面中点击了按钮"); }); // 使用window.parent获取父页面窗口对象并进行操作 window.parent.postMessage("Hello from iframe", "*"); // 向父页面发送跨域消息 ``` 注意：在跨域的情况下，使用postMessage方法向父页面发送消息时，需要指定目标窗口的origin，以保证安全性。 ### 回答3： 在JS中，可以通过window对象的top属性判断当前页面是否在iframe中。若top属性等于当前window对象本身，则表示当前页面不在任何iframe中；若top属性指向其他window对象，则表示当前页面在一个iframe中。 以下是通过JS代码判断是否在iframe中的示例： ```javascript if (window.top === window.self) { console.log("当前页面不在iframe中"); } else { console.log("当前页面在iframe中"); } ``` 当需要在iframe中的页面中调用父页面的元素或方法时，可以使用jQuery来实现。jQuery可以通过使用窗口对象的parent属性来访问父页面的元素或方法。 以下是通过jQuery调用父页面的元素或方法的示例： ```javascript // 在iframe中调用父页面的元素 var parentElement = $(parent.document).find("#elementId"); // 在iframe中调用父页面的方法 parent.myFunction(); ``` 在以上示例中，通过$(parent.document)来选择父页面的DOM元素，再通过find()方法选择特定的元素。若需要调用父页面的方法，则使用parent对象直接调用方法即可。通过这种方式，可以在iframe中与父页面进行交互。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值