javascript 中iframe高度自适应(同域)实例详解

前端之家收集整理的这篇文章主要介绍了javascript 中iframe高度自适应(同域)实例详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

javascript 中iframe高度自适应(同域)

今天解决了iframe高度自适应的问题,不过这只是同域下的页面嵌入,以下是代码

var iframeid = document.getElementById("frame"); //frame是iframe的id if (document.getElementById) { if (iframeid && !window.opera) { if (iframeid.contentDocument && iframeid.contentDocument.body.offsetHeight) { iframeid.height = iframeid.contentDocument.body.offsetHeight; }else if (iframeid.Document && iframeid.Document.body.scrollHeight) { iframeid.height = iframeid.Document.body.scrollHeight; } } }

iframe嵌入页面时需要等待它完全加载完后才可以调用SetCwinHeight(),所以当修改iframe里的src值时,也需要等待修改页面完全嵌入后才可以调用SetCwinHeight(),这样才有效果,那么该怎么放置SetCwinHeight(),我的解决方法是在iframe标签里直接调用,即这样写