iframe是我们工作中经常用的东西.我把我的理解整理一下记录一下。
首先要说的访问iframe用contentWindow和contentDocument,contentDocument有兼容性问题在chrome下是不行的。contentWindow兼容性比较好,所有的浏览器都支持,但是必须用到服务器下才可以。
比如要让一个iframe自适应高度的话就可以
iframe.height = iframe.contentWindow.document.body.offsetHeight;就OK了
另一个要说的是在iframe中访问父窗口用window.parent和window.top。如果一个页面是被嵌套两层,那么window.parent指的是直接父层,而window.top指的是最外层你窗口
例如防止自己网站被嵌套的话可以这样写
if(window.parent!=window.self){
window.parent = window.self;
}
首先要说的访问iframe用contentWindow和contentDocument,contentDocument有兼容性问题在chrome下是不行的。contentWindow兼容性比较好,所有的浏览器都支持,但是必须用到服务器下才可以。
比如要让一个iframe自适应高度的话就可以
iframe.height = iframe.contentWindow.document.body.offsetHeight;就OK了
另一个要说的是在iframe中访问父窗口用window.parent和window.top。如果一个页面是被嵌套两层,那么window.parent指的是直接父层,而window.top指的是最外层你窗口
例如防止自己网站被嵌套的话可以这样写
if(window.parent!=window.self){
window.parent = window.self;
}
本文介绍了iframe的基本使用方法,包括如何通过contentWindow和contentDocument访问iframe的内容,在不同浏览器下的兼容性问题,以及如何让iframe自适应高度。此外还讨论了如何从iframe内部访问父窗口,并提供了一个防止网站被恶意嵌套的示例。
306

被折叠的 条评论
为什么被折叠?



