完美iframe自适应宽度和高度_绿色软件之家

绿色软件之家:您身边最放心的安全下载站! 最新更新|软件分类|软件专题|手机版|论坛转贴|软件发布

您当前所在位置: 首页网络编程.Net编程 → 完美iframe自适应宽度和高度

完美iframe自适应宽度和高度

时间:2015-06-28 00:00:00 来源:绿色软件之家 作者:网管联盟 我要评论(0)

  在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

相关阅读

文章评论
发表评论

热门文章 诛仙3飞升任务怎么做-诛仙3飞升任务流程最新2022 诛仙3飞升任务怎么做-诛仙3飞升任务流程最新2022 钟离圣遗物推荐-原神钟离圣遗物词条 钟离圣遗物推荐-原神钟离圣遗物词条 解决方法:应用程序“DEFAULT WEB SITE”中的服务器错误 解决方法:应用程序“DEFAULT WEB SITE”中的服务器错误 使用aspnet_regiis.exe 重新注册.NET Framework 使用aspnet_regiis.exe 重新注册.NET Framework

相关下载

    人气排行 诛仙3飞升任务怎么做-诛仙3飞升任务流程最新2022 asp.net表单提交方法GET\POST 在ASP.NET中如何判断用户IE浏览器的版本 Asp.net中messagebox的实现方法 Asp.net中的web.config配置 在ASP.NET MVC中实现大文件异步上传 asp.net获取URL和IP地址 FileUpload上传多文件出现错误的解决方法