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

 

温馨提示:本文最后更新于 2022-04-29 23:11 ,某些文章具有时效性,若有错误或已失效,请在下方留言或联系逆念

给TA打赏
共{{data.count}}人
人已打赏
网络技术

WordPress后台编辑器添加下拉框快捷代码,同时支持可视化及文本编辑器

2022-4-29 17:41:52

网络技术

WordPress美化教程 - 美化评论审核等邮件回复样式

2022-4-30 0:50:50

重要声明

本站资源大多来自网络,如有侵犯你的权益请联系管理员,QQ508044570 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到付费才可观看的文章,建议升级终身VIP。全站所有资源任意下免费看”。本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip,zip、rar解压,建议下载WinRAR

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索