内置网页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视频封面提取网站

建站教程

网站怎么复制粘贴微信公众号文章图片并本地化

2020-11-28 0:58:04

建站教程

防止网站被别人通过iframe框架引用教程

2020-11-29 14:35:50

版权声明 本站所发布的一切与破解相关的文章仅限用于学习和研究目的,请在下载后的24个小时之内,从您的电脑中彻底删除。所有资源均来自于网络,不得用于商业或者非法用途,否则一切后果请用户自负。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
有新私信 私信列表
搜索