javascript window获取iframe、iframe获取window、document
2017-11-27 18:20
323 查看
前言
日常开发中,经常用到在window中获取某个iframe,或者在iframe中获取当前window。这里做个总结,记在心里后,就不用每次都百度了。iframe和iframe的关系
首先需要说明的是,w3c已经不推荐使用frame,而推荐使用iframe,iframe也就是inline frame(行内frame),顾名思义它具有css的行内框特性,正是因为这一特性才引出来iframe 高度100%时,出现垂直滚动条通过window获取iframe
window.frames是个伪数组,可以通过window.frames[index]或window.frames[name]来获取iframewindow.frames[index],索引是从左往右,从上往下的,从0开始,通常我们使用window.frames[name]来获取frame
通过iframe获取window、document
如果想获取iframe里的window或者document,可以使用iframe.contentWindow、iframe.contentDocument
iframe.contentDocument=iframe.contentWindow.document,不过iframe.contentDocument在IE8及以下的版本不支持。
window获取顶级窗口、父窗口
获取顶级窗口:window.top获取父级窗口:window.parent
导航栏回退:history.back(); 注意回退的请求,会有缓存。
前进:history.forward()
history.back()和history.forward()仅仅是为了方便分别代替history.go(-1)和history.go(1)
参考
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframehttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe
相关文章推荐
- javascript获取iframe框架中页面document对象,获取子页面里面的内容,iframe获取父页面的元素,
- iframe子窗体和父窗体互相调用,通过document.getElementById("name_iframe").contentWindow获取iframe的window对象,支持多浏览器!
- html,获取iframe的window,document,自定事件与iframe通信
- 父窗口获取iframe子窗口window对象和document对象的方法
- javascript 获取iframe里页面中元素值的方法
- JavaScript获取浏览器高度和宽度值(documentElement,clientHeight,offsetHeight,scrollHeight,scrollTop,offsetParent,offsetY,innerHeight)
- JavaScript――DOM操作――Window.document对象详解
- 获取iframe 的document方式,并且防止触摸滑动
- JavaScript window.document的属性、方法和事件小结
- 浅谈获取DOM跨域的解决方案——document.domain、window.name、window.postMessage
- javascript获取Document类型和Element类型属性
- 【JavaScript】出现即使设置了ID也获取不到的可能原因与window.onload
- 获取document中的元素编程(javascript)
- JavaScript DOM编程基础精华01(DOM入门,DOM模型和获取页面元素,事件,window对象的方法)
- JavaScript_Window对象和Document对象
- 总结JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作
- Javascript获取IFrame内容(兼容IE&FF)
- document.body、document.documentElement和window获取视窗大小的差别
- JavaScript笔记03——文档对象模型(Document Object Model,简称DOM):获取HTML元素、操作HTML元素
- javascript入门·Document对象入门讲解(访问表单,创建新页,获取页标题)