• 王泽鹏博客专注seo优化以及网站优化排名技巧
  • 网站SEO优化外包及百度霸屏推广开放对外接单

iframe自适应高度的两种方法

王泽鹏博客 4个月前 (10-27) 151次浏览 0个评论
  方案一
  <iframename=”myiframe”id=”myiframe”src=”#”frameborder=”0″scrolling=”no”></iframe>
  <scripttype=”text/javascript”language=”javascript”> $(window.parent.document).find(“#myiframe”).load(function(){ varmain=$(window.parent.document).find(“#myiframe”); varthisheight=$(document).height()+30; main.height(thisheight); });</script>
iframe 自适应高度的两种方法
  方案二
  <iframename=”myiframe”id=”myiframe”src=”#”frameborder=”0″scrolling=”no”></iframe>
  <scripttype=”text/javascript”language=”javascript”> functionchangeFrameHeight(){ varifm=document.getElementById(“myiframe”); ifm.height=document.documentElement.clientHeight-56; } window.onresize=function(){changeFrameHeight();} $(function(){changeFrameHeight();});</script>

王泽鹏博客版权所有丨如未注明 , 均为原创丨 转载请注明iframe 自适应高度的两种方法
喜欢 (0)
[zhifu@wangzepeng.cn]
分享 (0)
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体

快填写昵称邮箱评论吧!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址