iframe自适应高度，同时为src属性赋值

问题的描述：

　　为了将一个html页面嵌入到另外一个html页面当中，用到iframe标签。

　　在iframe标签的onload事件中，根据传递的参数确定iframe的src属性链接哪一个具体的html页面。

　　遇到的问题是，当页面嵌入之后iframe高度不能随嵌入页面的高度变化，参考“平凡的世界”博客http://www.ccvita.com/category/div-css/的做法，将iframe高度自适应的代码放在onlaod事件中，src属性指定之后。又出现新的问题——页面不停的刷新进入死循环。

原因分析：

　　为src赋值会触发onload事件，然而在onload事件中为src赋值，必然会触发onload事件，如此形成死循环，页面不断刷新。

解决方法：

　　将iframe的src属性赋值的语句独立出来放在window.onload事件或者body.onload事件中；而在iframe的onload事件中设置iframe的高度自适应与所嵌入的页面的高度。

代码如下：　　

window.onload = function () {             alert("window onload");             var iframe_obj = document.getElementById("certificateContent");             if (iframe_obj) {                 iframe_obj.src = “指定嵌入页面的路径”;             }         }

 

/*iframe高度自适应（参考平凡的世界博客）*/         function iFrameHeight() {             var ifm = document.getElementById("certificateContent");             if (ifm) {                 if (ifm && !window.opera) {                     if (ifm.contentDocument && ifm.contentDocument.body.offsetHeight) {                         ifm.height = ifm.contentDocument.body.offsetHeight;                     }else if (ifm.Document && ifm.Document.body.scrollHeight) {                         ifm.height = ifm.Document.body.scrollHeight;                     }                     //alert(ifm.height);                     //SetTitle();                 }                             }         }