function setIframeHeight(iframe) {
if (iframe) {
var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
if (iframeWin.document.body) {
iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
}
}
};
window.onload = function () \{setIframeHeight(document.getElementById('iframepage'));\};
前提：父页面是功能选项，固定在网页上。在网页留出的空白部分，用于嵌套子页面 为了美观和用户体验，子父页面共用子页面的纵向滚动条，且子页面的内容是变化的，所以要设置iframe
在网上找了很多iframe的高度自适应，发现很多兼容性都不是很好，于是自己总结了一下。 页面html节点上要有 <!DOCTYPE html PUBLIC "-//W3C
[JS][]自适应高度，其实就是设置[iframe][]的高度，使其等于内嵌网页的高度，从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。 如果内容是固定的，
在写jsp页面时，在主页面中用到了iframe标签嵌套子页面的情况，这种情况，子页面中的内容有的多有的少，所以iframe的高度也要自动适应，在网上找到了这个方式，记录一下；
今天写了一下html静态页，遇到iframe高度自适应问题。本来是使用bootstrap的，看它上面的文档说直接使用它们给好样式就可以了。但是并没有达到要的效果。 最后使用
<iframeοnlοad="this.height=this.document.documentElement.scrollHeight"name="reportsFrame
<iframe src="index.html" onload="this.height=this.contentWindow.document.body.scrol
iframe自适应高度 ![此博文包含图片][sg_trans.gif](2013-04-23 17:29:49) <table> <tbody> <tr>
子页面头部是： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
- 日理万妓
怼烎@
超、凢脫俗
还没有评论，来说两句吧...