• 如果您觉得本站非常有看点,请使用Ctrl+D收藏王泽鹏博客

iframe自适应高度的两种方法

自学教程 王泽鹏博客 2个月前 (10-27) 44次浏览 已收录 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)
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体

快填写昵称邮箱评论吧!

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