iframe中子,父窗口间数据通信
来源:互联网 发布:淘宝商家服务电话 编辑:程序博客网 时间:2024/06/07 23:41
iframe 经验分享
iframe中调整高度
首先要知道,在子窗口中是没法直接修改父窗口中的参数的,所以一种间接的方法就是在子窗口中调用父窗口的函数,通过函数进行修改.
父窗口中的函数
// 首先要创建修改的函数function changeIframeHeight(height){ // 接着获取该iframe的JQuery对象,这里以JQuery为例 var iframeObject=$("iframeObject"); iframeObject.height(height);}
子窗口中的函数
var height=123;// 调用父窗口中的函数需要加上 parentparent.changeIframeHeight(height);
这样就间接的从子窗口中修改了其iframe
的高度.不仅仅是高度,这样也证明了一点,如何在子,父窗口之间进行数据通信.
iframe中数据通信
其实思路是一样的,只不过从原来的使用函数来传递,再多走一步,使用<input type='hidden'>
来存储,具体过程如下:
在父页面中设置一个隐藏域,用来存储想要长久存储的值:
<input type='hidden' name='user_name' value='trouble i am in'/>
接着再编写类似上面的修改函数:
function changeUserName(new_user_name){ $("input[name='user_name']").val(new_user_name);}
再来在子窗口中使用关键字:parent
调用函数,并传入新的值即可.其中也有在网上百度说可以使用parent
直接修改父窗口中的参数,但是没有成功,之后折中想到了这个办法,实现了在子,父窗口之间通信.
阅读全文
0 0
- iframe中子,父窗口间数据通信
- js获取iframe中子父窗口元素
- iframe中子父窗口互调的js方法
- iframe中子父窗口互调的js方法
- iframe中子父窗口互调的js方法
- iframe中子父类窗口调用JS的方法及注意事项
- c#中子窗口刷新父窗口
- iframe中子页面调用父页面的js方法
- iFrame中子页面实现对父页面的操作
- 父页面操作iframe中子页面的锚点
- jQuery: 父页面调用iframe中子页面的DOM对象
- js处理iframe中子页面与父页面
- iframe&showModalDialog父窗口
- iframe 与父窗口
- 父窗口操控iframe
- asp中子窗口与父窗口相互访问值!
- VC中子窗口访问父窗口的变量/函数
- javascript中子窗口与父窗口之间的值传递
- Hibernate 批量处理
- [深入理解JVM 七]---Jvm垃圾回收机制
- Vue2.0 axios前后端登陆拦截器
- ecshop 安装报错 transport.js/run() error:undefined 解决办法
- 各种操作系统下基本数据字节数,以及存储原理
- iframe中子,父窗口间数据通信
- SVN更新乱码解决
- AI类人工智能产品经理的丛林法则
- 什么是 PHP SimpleXML?
- public protected private
- MSVCRTD.lib
- Android, 移动端抓包,fiddler
- 《Effective Java》—— 读后总结
- 网易笔试:下厨房