js实现的非跨域的iframe高度自适应(完美兼容IE,FF,Opera)

最新推荐文章于 2021-12-12 20:53:26 发布

原创最新推荐文章于 2021-12-12 20:53:26 发布 · 490 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iframe #opera #ie #xhtml #html

JS 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现非跨域iframe高度自适应的方法，该方法完美兼容Internet Explorer、Firefox和Opera等浏览器。通过简单的HTML和JavaScript代码示例，展示了如何根据不同浏览器的特性动态调整iframe的高度。

iframe的高度一直是让人头疼的问题。今天因为有个项目需要用到。再把这个问题找了一遍,但是还是发现了FF不兼容的错误（提示错误： document.frames is undefined）！
在这里我把这个问题彻底解决了。希望大家可以借鉴！
可以直接预览（http://www.ok22.org/art_detail.aspx?id=122 ）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js实现的非跨域的iframe高度自适应(完美兼容IE,FF,Opera)</title> <mce:style></mce:style><style mce_bogus="1"> *{margin:0;padding:0;}</style> <mce:script type="text/javascript"></mce:script> </head> <body> bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf bdaf <iframe src="index.html" mce_src="index.html" name="ifr4" id="ifr4" frameborder="0" height="100%" width="100%" onload ="SetCwinHeight(this)"></iframe> </body> </html>