javascript 父子iframe相互传参数
2017-07-03 08:51
681 查看
前端开发的过程中。可能用iframe去嵌套html页面。
当我们在父iframe中传递参数去给子iframe的时候。
我们可以通过将参数对象设置成子类iframe的window对象的成员变量。
子iframe可以通过访问window对象的成员变量来得到从父iframe中传递来的参数。
父类iframe全部代码
iframeParent.html
子iframe的全部代码是
iframeChild.html
当我们在父iframe中传递参数去给子iframe的时候。
我们可以通过将参数对象设置成子类iframe的window对象的成员变量。
<iframe id="childFrame" src="iframeChild.html"> </iframe> <script type="text/javascript"> var childFrameObj = document.getElementById('childFrame'); childFrameObj.contentWindow.paramFromParent = 'userId0007'; </script>
子iframe可以通过访问window对象的成员变量来得到从父iframe中传递来的参数。
var param = window.paramFromParent; var inputObject = document.getElementsByTagName('input')[0]; inputObject.value = param;
父类iframe全部代码
iframeParent.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<iframe id="childFrame" src="iframeChild.html"> </iframe> <script type="text/javascript"> var childFrameObj = document.getElementById('childFrame'); childFrameObj.contentWindow.paramFromParent = 'userId0007'; </script>
</body>
</html>
子iframe的全部代码是
iframeChild.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="text" value="" >
</body>
<script type="text/javascript">var param = window.paramFromParent; var inputObject = document.getElementsByTagName('input')[0]; inputObject.value = param;
</script>
</html>
相关文章推荐
- Iframe 父子窗体互调javascript方法及相互获取控件
- 积少成多Flash(8) - ActionScript 3.0 网页之获取参数,JavaScript与ActionScript之间的相互调用
- iframe父子窗口的相互调用
- iframe 父子窗口相互之间调用语法
- iframe父子页面相互调用的js方法
- iframe父子页面相互调用js方法
- JavaScript iframe的相互操作浅析
- 【javascript】iframe父子兄弟之间调用传值(contentWindow && parent) (推荐)
- iframe父子页面相互调用的js方法(二)
- JavaScript 父子页面相互调用总结
- iframe 父子窗口相互调用总结
- JavaScript:父子页面(iframe)之间通信实例
- iframe,modaldialog父子窗口相互通信的问题
- Extjs Ext.ux.IFrame的用法 以及父子窗口间函数相互调用
- 积少成多Flash(8) - ActionScript 3.0 网页之获取参数,JavaScript与ActionScript之间的相互调用
- 使用iframe的父子窗口之间的对象相互调用
- Android:WebView与Javascript交互(相互调用参数、传值)
- iframe的父子窗口之间的对象相互调用基本用法
- Android:WebView与Javascript交互(相互调用参数、传值)
- iframe父子页面之间相互调用元素和函数