$(function(){$("调整的iframe").attr("width",(document.body.offsetWidth - 100) + "px");$("调整的iframe").attr("height", getHeight() + "px");});function getHeight() {var height = document.body.clientHeight - 100;if (height < 550)height = 600;alert(height);return height;}
<iframe src="backtop.html" frameborder="0" scrolling="no" id="test" onload="this.hei
涉及到系统集成的时候，前端我们经常会用到iframe嵌入，但是嵌入的时候经常有不适应的情况，太长或太宽、滚动条。。。 下面的方法可以做到使嵌入的iframe自适应宽度、高度，
前提：父页面是功能选项，固定在网页上。在网页留出的空白部分，用于嵌套子页面 为了美观和用户体验，子父页面共用子页面的纵向滚动条，且子页面的内容是变化的，所以要设置iframe
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR
[JS][]自适应高度，其实就是设置[iframe][]的高度，使其等于内嵌网页的高度，从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。 如果内容是固定的，
$(function(){ $("调整的iframe").attr("width",(document.body.offsetWidth - 100)
<iframeοnlοad="this.height=this.document.documentElement.scrollHeight"name="reportsFrame
<iframe src="index.html" onload="this.height=this.contentWindow.document.body.scrol
子页面头部是： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
Bertha 。
逃离我推掉我的手
还没有评论，来说两句吧...