在iframe中调用js父页面和子页面方法 在iframe中调用父页面和子页面js方法:
今天朋友问我:a页面用iframe引入b页面,而此时要在a页面怎么调用iframe所引入b页面里的方法,很熟悉,但就是忘记了,后来百度下,才晓得,主要通过window.frames["name属性"].方法名(),也就是iframe中的name属性,so easay……b页面调用a页面中的方法略过看代码吧
index.html
<html>
<head>
<script type="text/javascript">
function ff(){
alert(">>this is index's js function");
}
</script>
</head>
<body>
<div style="background: lightblue;">
<input type="button" value="index" onclick="ff();" />
<input type="button" value="inner" onclick='window.frames["childPage"].ff();' />
</div>
<iframe id="" name="childPage" src="inner.html" width="100%" frameborder="0"></iframe>
</body>
</html>
inner.html
<html>
<head>
<script type="text/javascript">
function ff(){
alert(">>sdfdsdfdsfdsfsdfthis is inner page's js function");
}
</script>
</head>
<body>
<div>
<input type="button" value="index" onclick='parent.window.ff();' />
<input type="button" value="inner" onclick="ff();" />
</div>
</body>
</html>
分享到:
相关推荐
NULL 博文链接:https://terryang.iteye.com/blog/292913
js iframe 方法及元素相互调用 js调用iframe方法
本Demo汇总是iframe父页面与iframe子页面如何相互调用方法、元素及值的几种常见方法(含JS、JQuery方法)
主要介绍了js调用iframe实现打印页面内容的方法,需要的朋友可以参考下
NULL 博文链接:https://747017186.iteye.com/blog/1985110
一、在iframe中查找父页面元素的方法: $(‘#id', window.parent.document) 二、在iframe中调用父页面中定义的方法和变量: parent.method parent.value 三、实例 父页面: <%@ Page Language="C#" ...
struts2文档整理 ztree树节点调用iframe
NULL 博文链接:https://maoxy.iteye.com/blog/828134
JavaScript实现IFrame子窗口调用父窗口的全局变量
javscript调用iframe框架页面中函数的方法_.docx
js调用-嵌入iframe,测试JS之间的调用关系
一、父窗口调用iframe子窗口方法 1、HTML语法:<iframe name=”myFrame” src=”child.html”></iframe> 2、父窗口调用子窗口:myFrame.window.functionName(); 3、子窗品调用父窗口:parent....
Javscript调用iframe框架页面中函数的方法__1.docx
前端技术社区总目录有各种各样的前端示例其地址为: https://blog.csdn.net/m0_60387551/article/details/128017725
本文实例讲述了js实现iframe跨页面调用函数的方法。分享给大家供大家参考。具体实现方法如下: 在项目中难免会遇到这样一个问题就是页面引入了IFrame并且需要父页面调用子页面函数或者子页面需要调用父页面函数。...
jquery、js调用iframe父窗口与子窗口元素的方法整理.docx
该文档介绍了vue和普通web页面中iframe实现跨域的解决方案,解决了主页面中无法调用iframe方法的问题
iframe调用加loading特效特别合适远程调用速度慢而等待问题,简单方便
框架采用的是嵌入iframe机制,不可避免的要用到各个iframe页面之间方法和属性的相互调用。这里介绍的知识非常重要,不光是在QUICK UI框架中适用,在其他有关iframe的场合都适用。
主要介绍了jQuery基于ID调用指定iframe页面内的方法,涉及jQuery针对页面框架元素的选择与方法的调用技巧,具有一定参考借鉴价值,需要的朋友可以参考下