iframe父子级相互调用

父级:parent.html

调用孩子方法:fuji.window.functionName();

<!doctype html>

<html>

<head>

<script type="text/javascript">

function say() {

alert("parent.html------>I‘m at parent.html");

}

function callChild() {

//document.frames("myFrame").f1();

myFrame.window.say();

}

</script>

</head>

<body>

<input type=button value="调用child.html中的函数say()" onclick="callChild()">

<iframe name="fuji" src="child.html"></iframe>

</body>

</html>

父级:child.html

调用孩子方法:parent.functionName();

<!doctype html>

<html>

<head>

<script type="text/javascript">

function say() {

alert("child.html--->I‘m at child.html");

}

function callParent() {

parent.say();

}

</script>

</head>

<body>

<input type=button value="调用parent.html中的say()函数" onclick="callParent()">

</body>

</html>

时间: 2024-10-13 12:19:50

iframe父子级相互调用的相关文章

JQuery javascript实现父子页面相互调用

javascript实现父子页面相互调用 By:授客 QQ:1033553122 场景1 父页面调用子页面 如上图,在iframe子页面的<script>元素中,定义了taskStatus全局变量,如果希望在其父页面中获取该全局变量的值,则可在父页面的<script>元素中新增js脚本如下: var taskStatus = document.getElementById('iframe-1-11').contentWindow.taskStatus; 注:这里iframe-1-1

Flex父子窗体相互调用

Flex父子窗体相互调用 1.设计思路 (1)子窗体调用父窗体的方法 (2)子窗体做了改动后,返回父窗体,父窗体调用子窗体函数 2.设计源代码 (1)父窗体 ParentWindow.mxml: <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library:/

iframe 父子窗口相互之间调用语法

一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></iframe> 2.父窗口调用子窗口:myFrame.window.functionName(); 3.子窗品调用父窗口:parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 parent.window.setWinHeight(parent.w

iframe父子兄弟之间调用传值(contentWindow &amp;&amp; parent)

iframe的调用包括以下几个方面:(调用包含html dom,js全局变量,js方法) 主页面调用iframe: iframe页面调用主页面: 主页面的包含的iframe之间相互调用: 主要知识点 1:document.getElementById("ii").contentWindow 得到iframe对象后,就可以通过contentWindow得到iframe包含页面的window对象,然后就可以正常访问页面元素了: 2:$("#ii")[0].content

iframe 父子页面方法调用

在写代码的时候经常会用到将一个网页嵌入到另一个网页中,w3c也规定了一个标签<iframe>,这个标签本身就支持跨域,而且所有的浏览器都支持 iframe具有以下属性: 1.frameborder 设为1代表显示周围边框,设置为0不显示周围边框 2.height 设置iframe的高度 3.width 设置iframe的宽度 4.longdesc 属性值为URL 规定一个页面,该页面包含了有关 iframe 的较长描述 5.marginheight 定义 iframe 的顶部和底部的边距 6.

vue、html与iframe html事件相互调用

一.html文件中引入的iframe标签 1.在父html中调用子iframe html 中的事件 通过contentwindow属性 document.getElementById("myiframe").contentWindow.myfunc() 其中 myiframe 为当前的iframe的id, myfunc为iframe html中的事件 2.在iframe html 中调用父HTML 的方法 parent.func() 二.vue页面中引入的iframe标签 1.在vue

应用程序调用(apk级相互调用)

首先我参考了这篇博文去实现:http://blog.csdn.net/zygang1988/article/details/7733541 在开始做的时候给了我很大帮助!!!!! 在实际小项目中应用的时候后出现了一些错误:unable to find XXXXActivity.java ,你有没有把XXXXActivity.java添加进AndroidManifest.xml里面. 说白了就是找不到路径!!!!!!! 解决办法:既然是路径,那就去AndroidManifest.xml里面去搞定.

JS iframe父子页面元素调用方法 window parent top 解释

父窗口调用子窗口 var hasMore = parent.document.getElementByIdx_x_x_x("hasMore").value;子窗口调用父窗口document.frames["ifrmBoxFrame"].me.preLoadBoxGrid(); window.frames["iframe_ID"].document.getElementByIdx_x_x_x("iframe_document_object

Flex父子窗口相互调用

(1)父窗口 ParentWindow.mxml: <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/fle