IFrame子窗口JS方法互相调用和传参
2014-09-04 14:47
429 查看
child1.html和child2.html都是父页面parent.html中的一个子iframe,请看child1.html如何调用child2.html中的方法。
parent.html
[xhtml] view
plaincopy
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>jQuery Cookie Plugin</title>
</head>
<body>
<iframe id="myFrame1" src="child1.html" mce_src="child1.html"></iframe>
<iframe id="myFrame2" src="child2.html" mce_src="child2.html"></iframe>
</body>
</html>
child1.html
[xhtml] view
plaincopy
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>jQuery Cookie Plugin</title>
<mce:script type="text/javascript" src="jquery-1.4.2.js" mce_src="jquery-1.4.2.js"></mce:script>
<mce:script type="text/javascript"><!--
function test1() {
window.parent.document.getElementById("myFrame2").contentWindow.test2();
}
// --></mce:script>
</head>
<body>
<input type="button" onclick="test1();" value="test" />
</body>
</html>
child2.html
[xhtml] view
plaincopy
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>jQuery Cookie Plugin</title>
<mce:script type="text/javascript" src="jquery-1.4.2.js" mce_src="jquery-1.4.2.js"></mce:script>
<mce:script type="text/javascript"><!--
function test2() {
alert("I am your brother");
}
// --></mce:script>
</head>
<body>
2
</body>
</html>
parent.html
[xhtml] view
plaincopy
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>jQuery Cookie Plugin</title>
</head>
<body>
<iframe id="myFrame1" src="child1.html" mce_src="child1.html"></iframe>
<iframe id="myFrame2" src="child2.html" mce_src="child2.html"></iframe>
</body>
</html>
child1.html
[xhtml] view
plaincopy
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>jQuery Cookie Plugin</title>
<mce:script type="text/javascript" src="jquery-1.4.2.js" mce_src="jquery-1.4.2.js"></mce:script>
<mce:script type="text/javascript"><!--
function test1() {
window.parent.document.getElementById("myFrame2").contentWindow.test2();
}
// --></mce:script>
</head>
<body>
<input type="button" onclick="test1();" value="test" />
</body>
</html>
child2.html
[xhtml] view
plaincopy
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>jQuery Cookie Plugin</title>
<mce:script type="text/javascript" src="jquery-1.4.2.js" mce_src="jquery-1.4.2.js"></mce:script>
<mce:script type="text/javascript"><!--
function test2() {
alert("I am your brother");
}
// --></mce:script>
</head>
<body>
2
</body>
</html>
相关文章推荐
- IFrame子窗口JS方法互相调用和传参
- Js调用Java方法并互相传参
- Js调用Java方法并互相传参的简单实例
- Js调用Java方法并互相传参
- jquery父窗口与iframe中js方法互相调用
- iframe父子窗口间JS方法调用
- iframe父子窗口间js方法调用
- js调用父窗口中的iframe中的方法
- js : 怎样从子窗口调用父窗口的方法
- IFRAME弹出式窗口回发数据到父页面[调用父页JS方法并模拟调用按钮的回发事件]
- iframe里面的页面调用父窗口,左右窗口js函数的方法
- iframe父窗口和子窗口函数互相调用的方法
- javascript中iframe里面的页面调用父窗口js函数的方法
- jquery、js调用iframe父窗口与子窗口元素的方法
- jquery 调用父窗口的方法,并且传参,元素也为父窗口的元素
- jquery、js调用iframe父窗口(父类)与子窗口元素的方法
- iframe里面的页面调用父窗口,左右窗口js函数的方法
- js 调用父窗口函数-iframe父窗口和子窗口相互的调用方法
- iframe父子窗口间js方法调用
- javascript中iframe里面的页面调用父窗口js函数的方法