内置网页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

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
有新私信 私信列表
搜索