iframe页面中父页面跟子页面方法的相互调用
来源:互联网 发布:淘宝批发 编辑:程序博客网 时间:2024/06/06 05:57
不废话,直接上代码
父页面代码:
<!doctype html>
<head>
<title>Parent Page</title>
<script language="javascript" type="text/javascript">
function parenttest() {
alert("这是父页面的方法!");
}
function btnClick() {
document.getElementById("childframe").contentWindow.childtest();
}
</script>
</head>
<body>
<div style="margin:auto;">
<h1>This is the Parent Page.</h1>
<input type="button" value="调用子页面的方法" onclick="btnClick()"/>
</div>
<div style="margin:auto;">
<iframe style="width:300px; height:300px;" id="childframe" src="ChildPage.html"></iframe>
</div>
</body>
</html>
子页面代码:
<!doctype html>
<head>
<title>Child Page</title>
<script language="javascript" type="text/javascript">
function childtest() {
alert("这是子页面的方法!");
}
function btnClick() {
window.parent.parenttest();
}
</script>
</head>
<body>
<div style="margin:auto;">
<h1>This is the Child Page.</h1>
<input type="button" value="调用父页面的方法" onclick="btnClick()"/>
</div>
</body>
</html>
- iframe页面中父页面跟子页面方法的相互调用
- iframe的父页面、子页面相互调用
- Iframe父页面与子页面之间的相互调用
- Iframe父页面与子页面之间的相互调用
- html页面中iframe嵌套页面的父页面和子页面js方法互相调用
- iframe 父页面与子页面之间的方法的相互调用
- iframe 父页面与子页面之间的方法、属性的相互调用
- iframe 父页面与子页面之间的方法的相互调用
- 子父页面的iframe方法调用
- EasyUI中iframe子页面调用iframe父页面的JQ方法
- iframe的子页面调用父页面的方法
- iframe 父页面调用子页面里面的js方法
- IFrame下父页面调用子页面的JS方法
- iframe子页面调用父页面javascript函数的方法
- iframe子页面调用父页面javascript函数的方法
- iframe子页面调用父页面javascript函数的方法
- 在父页面调用iframe子页面的JS方法
- 父页面上调用iframe子页面的js方法/iframe子页面调用父页面的方法
- Tensorflow 搭建简单神经网络 | Python
- The Solution to Leetcode 101 Symmetric Tree
- JDBC连接数据库的代码及步骤
- 不同操作系统之间的网络配置
- Java实现-不同的路径1
- iframe页面中父页面跟子页面方法的相互调用
- weblogic发布程序中遇到的问题
- git 代码统计
- tensorflow54 《TensorFlow技术解析与实战》15 TensorFlow线性代数编译框架XLA
- IntelliJ IDEA 使用SSH Terminal
- 有逼格的使用黑窗口命令-- bigger than bigger
- c++-06
- Android Studio配置文件路径修改
- MongoDB不修改代码实现php的旧驱动扩展php_mongo升级到新驱动扩展php_mongodb