javascript宿主对象之window.frames
2016-09-07 22:32
363 查看
window.frames属性是当前页面所有框架的集合。要注意的事,这里并没有frame和iframe做出区分。而且,无论页面存不存在框架,window.frames属性总是存在的,并总是指向window对象本身。
假设我们页面中有一个iframe元素:
我们可以通过检查其length属性来了解页面中是否存在frame元素。
如果想访问iframe元素的window对象,可以选择下面方法中的任何一种:
通过父级页面,我们可以访问子frame元素的属性。例如可有通过下面方式进行iframe元素的重载。
同样的我们可以通过子元素来访问父级页面。
我们可以通过一个叫做top属性可以访问到最顶层的页面:
除此之外还有一个self属性,它的作用与window基本相同。
如果frame元素拥有name属性,我们就可以丢开索引,转而通过name属性的值来访问该frame;
或者这样也可以:
window.frames === window; // true;
假设我们页面中有一个iframe元素:
<iframe name="myframe" src="hello.html"/>
我们可以通过检查其length属性来了解页面中是否存在frame元素。
frames.length; // 1
如果想访问iframe元素的window对象,可以选择下面方法中的任何一种:
window.frames[0]; window.frames[0].window; window frames[0].window.frames; frames[0].window; frames[0];
通过父级页面,我们可以访问子frame元素的属性。例如可有通过下面方式进行iframe元素的重载。
frames[0].window.location.reload();
同样的我们可以通过子元素来访问父级页面。
frames[0].parent === window
我们可以通过一个叫做top属性可以访问到最顶层的页面:
window.frames[0].window.top === window; // true window.frames[0].window.top === window.top; // true window.frames[0].window.top === top; // true;
除此之外还有一个self属性,它的作用与window基本相同。
self === window; // true frames[0].self == frames[0].window; //true
如果frame元素拥有name属性,我们就可以丢开索引,转而通过name属性的值来访问该frame;
window.frames['myframe'] === window.frames[0]; // true
或者这样也可以:
frames.myframe === window.frames[0]; // true
相关文章推荐
- javascript宿主对象之window.navigator
- 【JavaScript】window对象_frames数组对象
- 进一步认识Javascript中window对象的方法和属性以及重写alert方法,控制弹出窗口,frames[]数组
- javascript宿主对象之window.screen、window.close()/open()、window.moveTo、window.resizeTo
- javascript宿主对象之window.navigator详解
- javascript宿主对象之window.navigator详解
- javascript宿主对象之window.location
- javascript宿主对象之window.history
- Javascript:window对象的方法
- JavaScript中的Window窗口对象
- JavaScript中的window对象
- window 窗口对象 - Javascript语言描述
- JavaScript的document和window对象详解
- JavaScript中window对象的描述
- [转载 js]document.body ,window.screen javascript对象属性取值意义
- window 窗口对象 - Javascript语言描述
- 在 Javascript 类中使用 setTimeout & 带参数的window.setTimeout(参数可为对象)
- window对象详解,JavaScript 获取浏览器的显示区域大小信息
- JavaScript:IE window对象
- JavaScript的Window对象