js父页面和子页面之间传值
JS 页面 之间 传值 和子
2023-09-14 09:09:02 时间
今天和朋友一块讨论,怎样通过js在父页面和子页面之间传值的问题,总结例如以下:
需求描写叙述:父页面有多个子页面。实如今父页面点击子页面,传值到子页面。
看着非常easy,试了好久。主要纠结在怎样获取iframe,刚開始用document.getElementById('iframe的ID'),后来查资料才发现这样的方法仅仅是去取出了一个OBJECT,不能操作它的函数方法。后来改成window.iframes["iframe的name"],这样就能够获取子页面的整个DOM,能够操作它的函数。
1、父页面代码
<html> <head> <title></title> <script type="text/javascript" > function callChild(){ var child_1 =window.frames["child"]; var str = "ddddd"; child_1.window.testJs(str); } function aa(str){ alert(str); } </script> </head> <body> <iframe name="child" src="children.html" ></iframe> <a onclick="callChild()">call children</a> </body> </html>
2、子页面代码
<html> <head> <title></title> <script type="text/javascript"> function testJs(str){ alert(str); } function callParent(){ var str = "vdsss"; parent.aa(str) } </script> </head> <body> <a onclick="callParent()">call parent</a> </body> </html>
相关文章
- JS - 获取页面滚动的高度
- 一眼毁三观:JS中不为人知的五种声明Number的方式
- thymeleaf中js跳转到另外一个页面
- 在页面中使用js
- JS实现的表头列头固定页面功能示例
- 调试异步加载页面中的js文件
- Weex 框架中 JS Framework 的结构
- [Node.js] Creating JWTs (JSON Web Tokens) in Node
- ffmpeg:mp4转m3u8并用video.js在web页面播放
- JS中实现页面跳转和刷新方法总结
- 什么是 SAP UI5 的 Component-preload.js, 什么是Minification和Ugification
- Angular.js 页面里的按钮点击事件处理
- js实现页面跳转的几种方式
- Atitit java方法引用(Method References) 与c#委托与脚本语言js的函数指针
- js根据内容让select默认选中
- 【Auto.js】[系统Intent]_系统设置页面的相关intent跳转
- 第62篇 QML 之 JS类型之条件运算符、逗号运算符
- 学会这5种JS函数继承方式,前端面试你至少成功50%
- js 实现冒泡排序及优化
- Node.js小Httpserver
- 水坑攻击之Jsonp hijacking-信息劫持,在钓鱼页面上调用js代码来获取用户在某些敏感站点的个人信息(如人人等)
- JS中修改元素内容,属性,样式的方法【详解】
- 【JS高级】正则入门基础—关于你想知道的正则表达式_01