iframe很多人都知道这个东西,也知道口碑不太好,这个问题在此不作争论,但,存在必有价值。 比如当一个区域和整个页面js代码冲突了,我们可以通过iframe 把这个区域代码从外包套进来,从而就决绝了这个问题,但是我们发现,它默认会很难看,比如出现很奇葩的滚动条,通过下面代码就可完美解决!
1 | <iframe allowtransparency="true" frameborder="0" height="260" hspace="0" id="SellMoney" scrolling="" src="B" vspace="0" width="450">iframe> |
博主亲测有效,没在IE下测试,我当时做的是面向标准浏览器的
何如改变iframe里面元素
其实iframe文件也是可以通过js获取修改的,当父级想改变嵌套iframe文件方法:window.contentWindow
1 2 3 | window.onload = function(){var test = document.getElementById('iframe的id').contentWindow.document.getElementById('iframe里面要获取的元素');} |
iframe如何改变父级元素
被嵌套的iframe改变嵌套它的父级元素内容可以用window.parent和window.top,用法和上面一样,不过值得注意的是,parent只是找到离iframe最近的父亲对象,而top是找到最顶层的嵌套对象
![32af6d826ba2cf5a92cac22371012ba8.png](https://img-blog.csdnimg.cn/img_convert/32af6d826ba2cf5a92cac22371012ba8.png)
![bf57b7c11bb51e5863c39e5dd1549e4c.png](https://img-blog.csdnimg.cn/img_convert/bf57b7c11bb51e5863c39e5dd1549e4c.png)