iframe 自适应高度

来源：互联网发布：还珠格格重生之知画编辑：程序博客网时间：2024/05/23 13:23

目标：在窗口中嵌入一个iframe，iframe里load页面，和在主页面load 一样

用定时器完成。在chrome上通过。但是定时器看起来比较挫。考虑用事件绑定。查阅了stackoverflow。好像没有对于scrollheight改变的事件绑定，甚至scrollHeight 都不是标准属性。以后考虑用DOMNodeInserted和DOMNodeRemoved之类的事件试试。现在先不折腾了。用定时器的代码如下：

<!DOCTYPE HTML><!--用iframe打开页面--><html lang="en-US"><head><meta charset="UTF-8"><title>test</title><style type="text/css">html {margin: 0;padding: 0;}</style></head><body><iframe id="frif" src="http://www.baidu.com" frameborder="0" scrolling="no" width="100%" ></iframe><script type="text/javascript" src="../resources/zepto.js"></script><script type="text/javascript">    var resizeWindow=function(){    var h=window.frames["frif"].document.body.scrollHeight;    ($("#frif").height()===h) || $("#frif").height(h);    };    window.setInterval("resizeWindow()", 200);</script></body></html>

参考：

http://bbs.blueidea.com/thread-2902341-1-1.html

http://stackoverflow.com/questions/1835219/is-there-an-event-that-fires-on-changes-to-scrollheight-or-scrollwidth-in-jquery

http://stackoverflow.com/questions/8646757/is-there-an-simulation-of-mozscrolledareachanged-event-in-chrome

https://developer.mozilla.org/en-US/docs/Mozilla_event_reference?redirectlocale=en-US&redirectslug=DOM%2FDOM_event_reference

https://developer.mozilla.org/en-US/docs/DOM/MutationObserver

http://www.jqui.net/jquery-projects/jquery-mutate-official/