1、iframe子页面调用 父页面js方法
子页面调用父页面函数只需要写上window.parent就可以了。比如调用a()函数，就写成：
window.parent.a();
2、父页面调用iframe 子页面js方法
这个就稍微复杂一些，下面的方法支持ie和firefox浏览器：
document.getElementById('ifrtest').contentWindow.b();
iframe调用父页面javascript函数的方法
2015-11-09
3476
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
1、iframe子页面调用 父页面js方法子页面调用父页面函数只需要写上window.parent就可以了。比如调用a()函数，就写成：window.parent.a(); 2、父页面调用iframe 子页面js方法这个就稍微复杂一些，下面的方法支持ie和firefox浏览器：document.
目录
相关文章
|
1月前
|
JavaScript
前端开发
程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素，但是它们之间有些细微的差别，稍不注意，就很容易弄错！
46
1
1
|
1月前
|
Web App开发
JavaScript
前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度？
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法，可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度，从而提高代码的可靠性和可移植性。
36
3
3
|
2月前
|
缓存
监控
前端开发
JavaScript 实现大文件上传的方法
【10月更文挑战第17天】通过以上步骤和方法，我们可以实现较为可靠和高效的大文件上传功能。当然，具体的实现方式还需要根据实际的应用场景和服务器要求进行调整和优化。
91
2
2
|
1月前
|
监控
JavaScript
Java
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法，并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题，可以提高应用的稳定性和性能，避免潜在的风险和故障。同时，不断学习和掌握内存管理的知识，也是有效预防内存泄漏的重要途径。
130
52
52
|
1月前
|
JavaScript
前端开发
索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具，通过它们可以动态地改变页面的内容、样式和行为，为用户提供丰富的交互体验。
94
49
49
|
1月前
|
缓存
JavaScript
UED
|
1月前
|
JavaScript
前端开发
Java
[JS]同事：这次就算了，下班回去赶紧补补内置函数，再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法，包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明，并提供了示例代码。文章强调了函数的学习应结合源码和实践，适合JavaScript初学者和进阶开发者参考。
43
2
2
![[JS]同事：这次就算了，下班回去赶紧补补内置函数，再犯肯定被主管骂](https://ucc.alicdn.com/3mfxe2r26qbaq/developer-article1635463/20241109/c55917b4a28342b78633c9da58d86e30.png?x-oss-process=image/resize,h_160,m_lfit)
|
1月前
|
缓存
JavaScript
前端开发
JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用。
45
5
5
|
1月前
|
JavaScript
前端开发
js中的bind,call,apply方法的区别以及用法
JavaScript中，`bind`、`call`和`apply`均可改变函数的`this`指向并传递参数。其中，`bind`返回一个新函数，不立即执行；`call`和`apply`则立即执行，且`apply`的参数以数组形式传递。三者在改变`this`指向及传参上功能相似，但在执行时机和参数传递方式上有所区别。
27
1
1
|
1月前
|
JavaScript
前端开发
.js方法参数argument
【10月更文挑战第26天】`arguments` 对象为JavaScript函数提供了一种灵活处理参数的方式，能够满足各种不同的参数传递和处理需求，在实际开发中具有广泛的应用价值。
44
7
7
热门文章
最新文章
1
《JavaScript启示录》——1.6 从构造函数创建字面量值
2
JS的正则表达式1
3
node.js入门学习
4
JFinal 参数校验插件扩展，让后台参数校验像js一样方式好用
5
前端 时间个性化 插件 jquery.timeago.js
6
jquery的load加载js页面到指定div中
7
JSBridge：混合开发中的双向通信[Android、iOS&JavaScript]
8
编写JavaScript时容易出错的几个地方
9
js 匿名函数 闭包
10
JS-【同页面多次调用】轮播特效封装-json传多个参数
1
JavaScript闭包允许内部函数访问并保留外部函数的变量，即使外部函数执行结束
55
2
js设计模式-观察者模式与发布/订阅模式
72
3
js设计模式-策略模式与代理模式的应用
74
4
深入理解JavaScript中的闭包机制
62
5
使用Vue.js构建交互式前端的技术探索
91
6
使用Node.js构建实时聊天应用的技术指南
133
7
深入理解JavaScript中的事件循环机制
90
8
【MongoDB 专栏】MongoDB 的 JavaScript 引擎与脚本执行
124
9
JavaScript 数组方法概览
39
10
在JavaScript中，函数原型（Function Prototype）是一个特殊的对象
70