js父页面中使用子页面的方法

作者：一落叶而知秋时间：2024-04-19 09:50:49　

iframe是非常常用的一个html元素，如果在父页面中使用子页面的方法应该怎么写呢，下面就做一下简单的介绍。
一、父页面代码

<html>
<head>
<meta charset=" gb2312">
<title>父页面</title>
<script type="text/javascript">
function parentFunction()
{
alert('function in parent');
}
function callChild()
{
child.window.childFunction();
/*
child 为iframe的name属性值，
不能为id，因为在FireFox下id不能获取iframe对象
*/
}
</script>
</head>
<body>
<iframe name="child" src="./child.html" ></iframe>
</body>
</html>

二、iframe中的代码

<html>
<head>
<meta charset="gb2312">
<title>iframe代码</title>
<script type="text/javascript">
function childFunction()
{
alert('function in child');
}
function callParent()
{
parent.parentFunction();
}
</script>
</head>
<body>
</body>
</html>

上面两个代码可以在父页面和子页面对对方的函数进行相互调用，比较简单，不多介绍了。
希望本文所述对大家学习javascript程序设计有所帮助。

标签：js,父页面,子页面,iframe

投稿

js父页面中使用子页面的方法

猜你喜欢

Windows Server2019安装MySQL5.7.25的方法

asp如何验证信用卡是否可用？

JavaScript reduce和reduceRight详解

vue使用svg文件补充-svg放大缩小操作(使用d3.js)

javascript 文档的编码问题解决

PHP+Mysql基于事务处理实现转账功能的方法

SQL Server 使用join all优化 or 查询速度

Django中对通过测试的用户进行限制访问的方法

Python在Windows和在Linux下调用动态链接库的教程

Python 正则表达式入门（初级篇）

Flask框架的学习指南之制作简单blog系统

搞定web设计中网页路径问题

python for循环赋值问题

深入浅析PHP的session反序列化漏洞问题

解析MySQL的information_schema数据库

python使用openpyxl操作excel的方法步骤

MySQL 字符串截取相关函数小结

如何将多宿主计算机配置为允许SQL Server访问

mysql-joins具体用法说明

nodejs基础知识