js操作 ifarm contentWindow属性

最新推荐文章于 2024-07-10 09:01:51 发布

转载最新推荐文章于 2024-07-10 09:01:51 发布 · 6.2k 阅读

文章标签：

#ifarm contentwindow对 #javascript

js 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何使用JavaScript通过iframe实现页面局部刷新，包括如何利用document.getElementById()及contentWindow属性实现页面元素定位与替换。

document.getElementByid("AAA"),查找页面中id=“AAA”的选项。
在页面中frameset将页面分为多个窗口
<iframe id="AAA" src="xxxA.html" />
<iframe id="BBB" src="xxxB.html" />
    比如上面两句话，就是说将这个页面分为两个页面，上部分id为AAA的页面，这个页面显示的内容为xxxA.html。下边部分同理为xxxB.html页面内容。document.getElementByid("AAA"),就是查找到页面id为AAA的页面，然后进行改变，id为BBB的部分是不变的。
    contentWindow属性是指指定的frame或者iframe所在的window对象，在IE中iframe或者frame的contentWindow属性可以省略，但在Firefox中如果要对iframe对象进行编辑则必须指定contentWindow属性。contentWindow下有很多方法对应不同的打开样式，这下方法是不可以省略的，比如contentWindow.navigate(url) 参数列表除了有url外还可以有其他的，但url是必须有的，这个url在同一位置代替xxxA，html。
     和document.getElementById()最常常一起用的就是parent。比如在这个页面AAA，你想从id
为"AAA"跳转到"BBB"去"BBB"进行操作，id="AAA"页面上写parent.document.getElementByid("BBB").navigate("xxxC.html")。这样做后你就将xxxC.html代替了xxxB.html。id=“AAA”是不变的，你到了id为BBB页面进行操作，以后的所有请求操作都在id="BBB"上进行

var d = dialog({//第一个子窗口
							title : '11111',
							content: content,
							ok:function (){//点击确定的时候加载第二个个ifarm子窗口
								d.close().remove();
								login = dialog({
									url : '子页面路径',
									title : '快速登录',
									id : 'quick_login',
									height : '150px',
									ok : function (){
										var _document = document.getElementById('content:quick_login').firstChild.contentWindow.document || document.getElementById('content:quick_login').firstChild.contentDocument;//获取子窗口DOM对象IE,火狐
										$(_document.getElementById('myForm')).submit();
										return false;
									}
								});
								
							}
						});