说明：假设有2个页面，index.html和inner.html。其中index.html中有一个iframe，这个iframe的src指向inner.html。
我们现在要做的就是：
1.在index.html中调用inner.html上的一个js方法
2.在inner.html中调用index.html上的一个js方法
实现代码如下：
index.html
<html>
<head>
<script type="text/javascript">
function ff(){
alert(">>this is index's js function");
}
</script>
</head>
<body>
<div style="background: lightblue;">
This is index page.
<input type="button" value="run index's function" onclick="ff();" />
<input type="button" value="run inner page's function" onclick='window.frames["childPage"].ff();' />
</div>
<iframe id="childPage" name="childPage" src="inner.html" width="100%" frameborder="0"></iframe>
</body>
</html>
inner.html
<html>
<head>
<script type="text/javascript">
function ff(){
alert(">>this is inner page's js function");
}
</script>
</head>
<body>
<div style="background: lightgreen;">
This is inner page.
<input type="button" value="run index's function" onclick='parent.window.ff();' />
<input type="button" value="run inner page's function" onclick="ff();" />
</div>
</body>
</html>
相关推荐
JavaScript实现IFrame子窗口调用父窗口的全局变量
一、在iframe中查找父页面元素的方法： $(‘#id', window.parent.document) 二、在iframe中调用父页面中定义的方法和变量： parent.method parent.value 三、实例 父页面： <%@ Page Language="C#" ...
1、父页面传参数到子页面 代码如下: //JavaScript代码 $.ajax({ type:”POST”, uri:”../student/studentInfo.action”, data:{ “date”:date, “stuNo”:stuNo }, success:function(data){ var params = “?...
添加：内置Ajax上传和showIframeModal接口参数中的url地址可以使用“{editorRoot}”内置变量，用来定位编辑器文件夹中的页面，例如：{editorRoot}xheditor_plugins/test.html 修正：<pre></pre>已编排格式中的换行...
页面的js中通过ymPrompt.setDefaultCfg(cfg)方法修改组件部分或全部的默认属性。 如：ymPrompt.setDefaultCfg({maskAlpha:0.2,maskAlphaColor:'#00f'}) 组件的默认配置（对于没有设定的项将采用该配置项的默认值...
动态的改变IFrame的高度，实现IFrame自动伸展，父页面也自动神缩 原理： 在IFrame子页面一加载的时候，调用父IFrame对象，改变其高度 具体实现一: 1、在IFrame的具体页面(就是子页面)，添加JavaScript 代码如下: ...
需求是在http://www.demo.org/top.html中通过iframe方式嵌入http://www.iframe.com/iframe.html，而在iframe页面中希望通过点击一个按钮，调用top页面的一个js方法。 1. 在top页面中建立方法供内部页面使用 代码...
####A 简单的 JavaScript 框架（一个 JS 文件）有助于在 HTML5 页面上跨 iframe（支持跨域/来源）调用 API 和共享 JS 对象的属性。 xframe.js 正是你想要的，一个 JavaScript AMD 模块。 在您的 html 页面中使用它...
动态的改变IFrame的高度，实现IFrame自动伸展，父页面也自动神缩 原理： 在IFrame子页面一加载的时候，调用父IFrame对象，改变其高度 具体实现一: 1、在IFrame的具体页面(就是子页面)，添加JavaScript 代码如下: ...
WranggleRpc是一个JavaScript / TypeScript库，用于调用在其他窗口/进程中运行的代码。 这在构建时特别有用： 具有内容页面窗口，弹出窗口和必须交互的服务/背景窗口的浏览器扩展 电子应用程序及其节点和浏览器...
Vimeo Player API Vimeo Player API允许您与... 有几种吸引玩家的方法：先前存在的玩家页面上已经有播放器了吗？ 将元素传递给Vimeo.Player构造函数，就可以开始了。 < iframe src =" https://player.vimeo.com
用iframe、弹出子页面刷新父页面iframe [removed] parent.location.reload(); [removed] 弹出子页面 [removed] window.opener.location.reload(); [removed] 子窗口刷新父窗口 [removed] self.opener.location....
调用链接的样式可以在linksShow.aspx中修改CSS. ****************************************重要********************************************************* 3.请在web.config的configuration/appSettings节点下修改...
第1章 页面特效 1.1 HTML页面反向显示 ...22.10 用JavaScript调用Google AdSense 22.11 Ajax效果：可拖拽的表格 22.12 JavaScript调用Web Service 22.13 用JavaScript实现编码解码 22.14 创建带属性...
LSPlayer iFrame SDK入门将Littlstar iframe嵌入网站时，您可以包括可选的Javascript SDK，用于与播放器进行交互并检查其状态。 使用者必须在全局范围内实现OnLSPlayerFrameReady函数，并确保页面上的每个iframe都...
22.10 用JavaScript调用Google AdSense 22.11 Ajax效果：可拖拽的表格 22.12 JavaScript调用Web Service 22.13 用JavaScript实现编码解码 22.14 创建带属性的对象 22.15 用prototype实现JavaScript的继承 22.16 ...
用下面的方法可以调用iframe中的函数，实现一些比较特殊的效果，不过能跨域的。
script type = “ text / JavaScript ” src = “ path / to / jquery.print.js ” > </ script > 使用它像： $（“＃myElementId ”）。print（/ * options * /）; 要么 $。print（“＃myElementId ...
47.当在超链接中调用JS函数时用:(javascript :)来开头后面加函数名 48.在老的浏览器中不执行此JS:<!-- //--> 49.引用一个文件式的JS:<script type="text/javascript" src="aaa.js"></script> 50.指定在不支持脚本的...