最近频繁的做一些通过iframe在a页面嵌入b页面需求。总结下来,有以下问题需要解决
1.如何同步iframe与嵌入内容的高度
2.将b页面载入到a页面后,如何隐藏掉b页面上的元素,如左导航,顶部导航等等
-如何同步iframe与嵌入内容的高度
a)获取由iframe引入的页面高度
b)同步引入页面与iframe的高度
<iframe src="http://jsbin.com/nobefis" id="currentFrame" width="100%" scrolling="no" frameborder="no"></iframe> <script> function resizeFrameHeight(currentFrame){ if(currentFrame){ var iframeObj = currentFrame.contentWindowif(iframeObj.document.body){ currentFrame.height = iframeObj.document.documentElement.scrollHeight || iframeObj.document.body.scrollHeight; } } } window.onload = function () { resizeFrameHeight(document.getElementById("currentFrame")) } </script>
时间: 2024-10-25 19:37:46