javascript调用iframe内的函数

最新推荐文章于 2021-06-19 10:54:51 发布
转载 最新推荐文章于 2021-06-19 10:54:51 发布 · 829 阅读 · 0
文章标签：

#javascript #iframe

本文介绍了一种通过 contentWindow 属性访问 iframe 内部页面的方法，并演示了如何调用其内部 JavaScript 函数。

var obj = document.getElementById('frameName').contentWindow;
obj.functionName();

通过：contentWindow

js函数在frame中的相互调用详解
01-19
框架间的互相引用一个页面中的所有框架以集合的形式作为window对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是document的属性。因此，要引用一个子框架，可以使用如下语法： 代码如下:window.frames[“frameName”];window.frames.frameNamewindow.frames[index] 其中，window字样也可以用self代替或省略，假设frameName为页面中第一个框架，则以下的写法是等价的： 代码如下:self.frames[“frameName
javascript iframe内的函数调用实现方法
10-29
在开发中，经常需要在主页面和iframe页面之间进行交互，比如主页面需要调用iframe页面中的JavaScript函数。但是这种跨文档的调用可能会涉及到浏览器的安全策略，特别是同源策略。同源策略会限制一个源（origin）上的...
js调用iframe内函数
tuoxinquyu的专栏
01-05 6142
代码例子：<!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
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调用其他frame里的js函数和dom元素
Evan's learning log
06-28 2531
1.父页面调用iframe里的js函数：（contentWindow） document.getElementById('iframedemo').contentWindow.demofunction(); //与下边一句等价  window.frames['iframedemo'].contentWindow.demofunction();  其中iframedemo是iframe的i
js如何调用iframe页面里的方法
hunt_er的博客
08-29 9248
在写页面时常常需要弹出iframe页面，而iframe页面的内容是另一个页面，比如，弹出iframe的里面是一个表单（另一个页面），这样在父页面怎样调用子页面的方法呢？ 经过一番摸索，发现采用如下js即可成功调用 //用widow属性获取iframe的dom对象的name，得到窗口对象 var iframeWin = window[$(iframe)[0]['name']]; iframeWin.check(); //check()即子页面的方法，和子页面调用规则一样 总结就是两条， 1.
js实现iframe跨页面调用函数的方法
12-11
在JavaScript中，实现iframe跨页面调用函数是一个常见的需求，特别是在构建复杂的Web应用程序时。当一个页面（父页面）嵌入了另一个页面（子页面）作为iframe时，有时需要在两个页面之间通信，调用各自的功能。下面...
用js互相调用iframe页面内的js函数
09-28
// 然后，可以调用iframe页面中的函数 frames.right(); ``` 这里的`window.parent.window`用于返回到包含`iframe`的上一级窗口，然后通过`getElementById`找到`iframe`元素，进一步获取它的`contentWindow`属性，这...
iframe子父页面调用js函数示例
12-12
在`iframe`子页面中，要调用父页面的JavaScript函数，可以使用`window.parent`对象来引用父窗口。假设父页面有一个名为`a()`的函数，子页面可以这样调用它： ```javascript window.parent.a(); ``` 如果需要获取父...
调用iframe中的函数
sayyy的专栏
03-08 2002
前言 360极速浏览器 13.0.2206.0 (正式版本) （32 位） 操作系统 Windows 10 OS Version 1909 (Build 18363.1379) JavaScript V8 8.6.395.25 调用iframe中的JQuery函数$.fn.jquery JavaScript var iframe = window.document.getElementById("subPage"); iframe.contentWindow.$.fn.jquery; JQuery
页面嵌套iframe怎么调用父页面的方法，子页面回调父页面函数方法
橙-极纪元-JJYCheng
06-19 1万+
页面嵌套iframe怎么调用父页面的方法，子页面回调父页面函数方法, iframe子父页面间js的相互调用
使用JS调用iframe页面中的函数
总有一天，你的日积月累，会成为别人的望尘莫及
07-23 1579
用JS调用iframe、frame页面中的函数其实不难，要是页面简单的话就更容易了。今天弄得这个项目比较复杂，调起函数来比较费劲，所以就记一下，以后好借鉴。   先说说页面结构的复杂性： 首页index.jsp用frameset嵌了三个frame，id和name分别是：topFrame，mainFrame，bottomFrame mainFrame对应的JSP页面又由2个iframe组...
调用iframe子页面中的函数
robin912的专栏
08-22 4633
调用iframe子页面中的函数 parent.html child.html 问题 参考 调用iframe子页面中的函数 parent.html 在父页面中，可以通过document.getElementById(id).contentWindow访问子页面，有的浏览器支持document.frames[id], 还可以直接使用name="myIFrame"中的myIFra...
JQuery调用iframe子页面函数/对象的方法
weixin_30455067的博客
02-09 262
fromhttp://my.oschina.net/u/857043/blog/97896 JQuery调用iframe子页面函数/对象的方法例子： 父页面有个ID为mainfrm的iframe，iframe连接b.html，该页面有个函数test 在父页面调用b.html的test方法为： $("#mainfrm")[0].contentWindow.test(); 转载于:https...
IFrame语法小全 --使用iframe内的函数
gsong的专栏
11-04 3591
IFrame语法小全 IFrame语法小全  IFrame可以在网页内嵌入另一个页面，类似“画中画”形式。  标记的使用格式是:  src：文件的路径，既可是HTML文件，也可以是文本、ASP等；width、height："画中画"区域的宽与高；scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则
js访问iframe内的js变量
hillpool的专栏
12-08 4691
只能使用如下格式： document.frames["iframe的name"].变量名 如果使用document.getElementById(“iframe的name”)..变量名，在使用时会报undefined
调用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中函数方法不管用的一些提示
前端小渣渣
11-29 7018
记得在我以前写的一篇easyui dialog弹出框的注意事项中写有从iframe页面中调用iframe外面的函数，从而实现iframe子页面向父页面的传值与函数的调用，可以把iframe中的easyui dialog框在最外层显示，而不只是在iframe里，导致别的元素还能点击。      今天遇到个问题需要用js调用iframe里的函数，正好和以前相反。上网上搜了一下，几乎都是以下的例子~~
iframe1 调用 iframe2函数
11-09
使用window.frames来获取iframe2的window对象，然后就可以调用iframe2中的函数了。具体实现代码如下： ```javascript var iframe2 = window.frames['iframe2']; iframe2.func(); ``` 其中，'iframe2'是iframe2的name属性值，func()是iframe2中需要调用的函数名。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值