iframe的父子窗口之间的对象相互调用基本用法
对象 用法 调用 基本 之间 窗口 iframe 相互
2023-06-13 09:15:04 时间
使用iframe的时候,可能会涉及到父子窗口之间传值和方法的相互调用,之前一直有些迷糊,也没有着意去弄清楚,这两天要干活,没法子了只好把这都弄明白了。其实非常简单,就那么几个用法,几句代码而已。
子窗口中调用父窗口的js方法:
复制代码代码如下:
子窗口中调用父窗口的js方法:
parent.changeBtnTitle("tzgg");
一个父窗口中可能会有若干个功能行为类似的子窗口,子窗口中的组件要调用相同或者类似的对象或者方法,那么就把这样的方法写在父窗口中,通过传递参数来达到不同的效果。
父窗口获得子窗口中的某个对象:
首先要获得子窗口的iframe对象,比如:
varframeName=window.frames["frameId"]
然后要获得该子窗口的document值,然后就可以调用子窗口中的对象了。在父窗口中使用时为避免反复书写,不妨写成一个方法:
getSubWindowObj=function(moduleName){
returnwindow.frames["iframe"+moduleName].document.getElementById("moreorless"+moduleName);
}
这里只用了一个参数,只因为我的iframeId和子窗口的对象Id名字起的有规律,只需传入一个参数拼接之后就可以饿了。
同样,子页面调用父页面的元素,可以使用如下代码:
parent.window.document.getElementById("parentMenu");
//简写
parent.document.getElementById("parentMenu");
相关文章
- php navigator,navigator对象
- java list对象转json_json转list对象集合
- jQuery遍历List对象
- Python __dir__()用法:列出对象的所有属性(方法)名
- JavaScript中的Window.Location对象的使用详解编程语言
- js字符串和数字对象互相转换详解编程语言
- 解决oracle报错:对象不存在(oracle对象不存在)
- 数据存储之路Redis缓存外键对象(redis缓存外键对象)
- JavascriptString对象扩展HTML编码和解码的方法
- Javascript函数对象的多重身份
- asp的RegExp对象正则表达式功能用法[比较全]
- c#和Javascript操作同一json对象的实现代码
- asp中记录集对象的getrows和getstring用法分析
- 文本有关的样式和jQuery求对象的高宽问题分别说明
- C++中四种对象生存期和作用域以及static的用法总结分析
- C++常对象精讲_const关键字的用法
- Asp中err和error对象的属性详解及用法示例
- html的DOM中document对象images集合用法实例
- JavaScript学习笔记之Function对象
- html文档中的location对象属性理解及常见的用法
- jsdelete用法(删除对象属性及变量)
- 深入理解javascript构造函数和原型对象