内置网页iframe自适应高度的两种方法

技巧达人 3月前

993 38

方案一

<iframe name="myiframe" id="myiframe" src="" frameborder="0" scrolling="no"></iframe>
<script type="text/javascript" language="javascript">  	$(window.parent.document).find("#myiframe").load(function(){  		var main = $(window.parent.document).find("#myiframe");  		var thisheight = $(document).height()+30;  		main.height(thisheight);  	});  </script>

方案二

<iframe name="myiframe" id="myiframe" src="" frameborder="0" scrolling="no"></iframe>
<script type="text/javascript" language="javascript">  	function changeFrameHeight(){  		var ifm= document.getElementById("myiframe");  		ifm.height=document.documentElement.clientHeight-56;  	}  	window.onresize=function(){ changeFrameHeight();}  	$(function(){changeFrameHeight();});  </script>

示例

签名:这个人很懒,什么也没有留下!
最新回复 (38)
  • BAGGIO 4月前
    2
    刀云有你
    签名:这个人很懒,什么也没有留下!
  • 哦你了送 4月前
    3
    楼主牛
    签名:这个人很懒,什么也没有留下!
  • 芥末 3月前
    4
    签名:这个人很懒,什么也没有留下!
  • 李小 3月前
    5
    刀云有你
    签名:这个人很懒,什么也没有留下!
  • qqzxcpp 3月前
    6
    刀云有你更美好
    签名:这个人很懒,什么也没有留下!
  • 七海 3月前
    7
    不错
    签名:这个人很懒,什么也没有留下!
  • 1210770563 3月前
    8
    不错
    签名:这个人很懒,什么也没有留下!
  • 1917147173 3月前
    9
    牛逼(破音!)
    签名:这个人很懒,什么也没有留下!
  • shgsbsjsj 3月前
    10
    谢谢分享
    签名:这个人很懒,什么也没有留下!
  • 枫下吻火 3月前
    11
    试试
    签名:这个人很懒,什么也没有留下!
  • Edesa 3月前
    12
    刀云有你更美好
    签名:这个人很懒,什么也没有留下!
  • ddd123 3月前
    13
    签名:这个人很懒,什么也没有留下!
  • qq2969417764 3月前
    14
    刀云有你
    签名:这个人很懒,什么也没有留下!
  • wsgr666 3月前
    15
    楼主牛逼
    签名:这个人很懒,什么也没有留下!
  • 526983581 3月前
    16
    看看
    签名:这个人很懒,什么也没有留下!
  • 2381735086 3月前
    17
    刀云有你
    签名:这个人很懒,什么也没有留下!
  • qaz123367 3月前
    18
    赞!
    签名:这个人很懒,什么也没有留下!
  • 我爱我 3月前
    19
    感谢分享!!!
    签名:这个人很懒,什么也没有留下!
  • 风中的西瓜 3月前
    20
    楼主牛
    签名:这个人很懒,什么也没有留下!
返回