如何从parent调用iframe函数？
从parent调用iframe函数可以通过以下步骤实现：
- 获取iframe元素：使用JavaScript的
document.getElementById()或document.querySelector()方法获取到iframe元素的引用。例如，如果iframe元素的id为"myIframe"，可以使用以下代码获取到该元素：
var iframe = document.getElementById("myIframe");- 检查iframe是否加载完成：在调用iframe函数之前，需要确保iframe已经加载完成。可以通过监听iframe的
load事件来实现。例如，使用以下代码监听iframe的加载完成事件：
iframe.addEventListener("load", function() {
// 在这里调用iframe函数
});- 调用iframe函数：一旦iframe加载完成，就可以通过
contentWindow属性来访问iframe的全局对象，从而调用iframe中的函数。例如，如果iframe中有一个名为"myFunction"的函数，可以使用以下代码调用该函数：
iframe.contentWindow.myFunction();完整的示例代码如下：
<!DOCTYPE html>
<html>
<head>
<title>Parent调用iframe函数示例</title>
</head>
<body>
<iframe id="myIframe" src="iframe.html"></iframe>
<script>
var iframe = document.getElementById("myIframe");
iframe.addEventListener("load", function() {
iframe.contentWindow.myFunction();
});
</script>
</body>
</html>请注意，上述示例中的"iframe.html"是一个包含要调用的函数的HTML文件。你可以根据实际情况修改该文件的路径和函数名。
希望以上内容能够帮助到你！如果有任何疑问，请随时提问。
相关·内容
1回答
如果父窗口和iframe都在同一个域上，我们可以从iframe调用父窗口的函数： iframe代码： // here we call 'myFunction' which is a parent functionwindow.postMe = "postMe value here";
window.parent.myFunction(postMe); 在父窗口中，我们可以定义如下函数<
浏览 46提问于2019-06-05得票数 1
考虑下面的代码： alert('call'); var iframe = $('<iframe />').attr('src', 'b.php').appendTo('body'); });
我不想编辑b.p
浏览 0提问于2012-04-13得票数 0
回答已采纳
2回答
如何从iframe (子)调用父级中的函数；当我以以下方式调用时，浏览器会说to get property Window.func[Break On This Error] parent.window.func(); "parent.window.func()
浏览 3提问于2011-01-06得票数 0
1回答
我的窗口中有一个iframe，我用jquery向它添加了新的按钮。在迁移到angular2之前，我使用parent.SampleFunction()从iframe调用父函数。export class AppComponent {
addButtonToIFramelet buttonHtml = "<button
浏览 0提问于2017-01-12得票数 10
回答已采纳
3回答
在这个iframe.htm页面中，我有：问题是它没有加载警报，并且在Google中返回错误：
我已经尝试过window.parent.alertTest
浏览 5提问于2011-08-24得票数 4
如果我有iframe的contentWindow，我如何获得对iframe的引用。contentWindow是错误的目标。但是evt.target.parent只是给了我最初页面的窗口-- iframe是开着的(至少我是这么想的)。()，我得到: Uncaught : Property 'parent‘of object object global不是一个函数(我不明白，为什么它不使用jQuery函数父函数() ?)这就是我
浏览 1提问于2013-12-09得票数 0
回答已采纳
1回答
在我的全局html模板中，我嵌入了一个iframe，它可以实时预览{{src}} (例如，src可以是public/tmp/bDCZ5rynnpLaYNEuAAAj/index.html)。<iframe id="myiframe" ng-src="{{src}}"></iframe>
index.html是一个由我的服务器编写的文件；我控制着代码，我可以修改它。我的问题是，如何从$output中获取<
浏览 2提问于2017-03-10得票数 2
回答已采纳
1回答
如果调用者上下文是从另一个函数甚至框架中调用的，我如何访问它？例1.这通常是可能的吗？<html> //description on bottom <iframe> bbb();
</ifr
浏览 0提问于2013-02-21得票数 1
回答已采纳
1回答
页面A具有iframe B。在iframe B中，我让一个变量存储页面A的函数名。如何从iframe B调用该函数？(两者在同一个域中)eval("window.parent." + func_name + "('"+param1+"', '"+param2+"');&qu
浏览 0提问于2010-09-28得票数 0
回答已采纳
1回答
我正在设置一些包含HTML页面的iframes，然后从导航菜单中在它们之间滑动。这很好，但我希望从iframes内的按钮(示例中的“返回菜单”按钮)中激活该击键。
浏览 4提问于2013-05-18得票数 2
回答已采纳
1回答
我正在尝试模仿wkwebview在iOS上所做的事情，将其应用到iOS客户端的iframe。 window.parent.postMessage(chatMsg, '*');我不希望它落入else window.parent块，因为postMessage从
浏览 9提问于2018-08-17得票数 0
我有一个带有iframe的页面，它出现在jQuery对话框中。<div><iframe src="" id="theframe" name="theframe"></if
浏览 2提问于2013-08-26得票数 1
回答已采纳
1回答
我目前正在构建一个chrome扩展，在这个扩展中，每当用户单击我的铬扩展的一个按钮时，我就可以使用Iframe实现弹出。在我的iFrame中，我正在加载两个.js文件: jQuery和"modal.js“。我想知道在iFrame中使用javascript触发方法是否存在。
任何帮助都是非常感谢的。
浏览 4提问于2014-05-30得票数 3
回答已采纳
我的iframe向它的父函数发送变量时遇到了问题。topPHP.php是我的父母，它有一个引起我问题的函数和一个加载entryPHP.php的iframe，这是一个将pdf文档的帖子发送到loadPHP.php的表单，它将pdf上传到我的数据库并调用父topPHP.php的函数。id="iframe_display" src="entryPHP.php" width="400" height="100
浏览 1提问于2013-03-26得票数 0
回答已采纳
我在一个包含javascript函数getData().Now的iframe中打开了一个完整的html，我不确定如何从frame.Also外部调用getData()，可以从外部javascript文件调用它吗
浏览 1提问于2011-02-28得票数 9
回答已采纳
1回答
在父级顶部显示脚本
、、、
script.src = 'https://scriptexample.js';当我放入这段代码时，正常情况下运行良好，但当代码位于iframe中时，代码就不能正常工作，并且只显示在iframe中。为了调用"top/parent“位置并显示脚本，即使它在iframe中，我需要在代码中进行哪些更改？
谢谢
浏览 13提问于2016-07-28得票数 0
我正在尝试调用另一个框架中的函数。但是当我使用"document.getElementById(frame_id))“时，它并没有被找到。我检查了文档的innerHTML输出是什么，我需要针对的iframe是在另一个iframe中的1层。在主iframe中，我使用: document.getElementById('player'))，但它返回: null下面是"main
浏览 0提问于2012-03-16得票数 0
回答已采纳
1回答
您好，我正在使用parent.myFunction()方法从同一个域iframe调用几个javascript函数。这样做的唯一问题是，函数似乎需要在全局范围内才能以这种方式访问。我想把我所有的函数都放在jQuery的document.ready包装器函数中
我能以某种方式从iframe访问jQuery的document.ready包装器中的函数吗？我知道这是一个作用域问题，但是如果myFunctio
浏览 1提问于2012-07-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
