IT猫扑网文章教程

分类分类

完美iframe自适应宽度和高度

2015-06-28 00:00作者:网管联盟

  在ie下能实现的功能,对照着FF下的方法与属性修改就行了。今天终于把这个问题彻底解决了,记录一下。

  感谢http://www.cnblogs.com/Cheese_Ren/

  js代码如下:

  代码

  //iframe高度自适应

  function IFrameReSize(iframename) {

  var pTar = document.getElementById(iframename);

  if (pTar) {  //ff

  if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) {

  pTar.height = pTar.contentDocument.body.offsetHeight;

  } //ie

  else if (pTar.Document && pTar.Document.body.scrollHeight) {

  pTar.height = pTar.Document.body.scrollHeight;

  }

  }

  }

  //iframe宽度自适应

  function IFrameReSizeWidth(iframename) {

  var pTar = document.getElementById(iframename);

  if (pTar) {  //ff

  if (pTar.contentDocument && pTar.contentDocument.body.offsetWidth) {

  pTar.width = pTar.contentDocument.body.offsetWidth;

  }  //ie

  else if (pTar.Document && pTar.Document.body.scrollWidth) {

  pTar.width = pTar.Document.body.scrollWidth;

  }

  }

  }

  使用方法如下:

  <iframe src=&Main.aspx& scrolling=&no& frameborder=&0& height=&100%& id=&mainFrame& width=&100%& onload='IFrameReSize(&mainFrame&);IFrameReSizeWidth(&mainFrame&);'></iframe>

展开全部

相关文章

说两句网友评论
    我要跟贴
    取消