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

方案一

<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>

示例

bilibili视频封面提取网站

小莲姐姐

• 20年11月29日
• 喜欢：0
• 浏览：112