知识大全 完美iframe自适应宽度和高度

Posted

篇首语:人类的一切努力的目的在于获得幸福。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 完美iframe自适应宽度和高度相关的知识,希望对你有一定的参考价值。

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

  感谢_Ren/

  js代码如下

  代码

  //iframe高度自适应

  function IFrameReSize(iframename)

  var pTar = document getElementById(iframename);

  if (pTar)   //ff

  if (ntentDocument && ntentDocument body offsetHeight)

  pTar height = ntentDocument 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 (ntentDocument && ntentDocument body offsetWidth)

  pTar width = ntentDocument body offsetWidth;

    //ie

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

  pTar width = pTar Document body scrollWidth;

  

  

  

  使用方法如下

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

  参考

cha138/Article/program/net/201311/12370

相关参考

知识大全 js实现iframe 高度自适应

  <scripttype=text/javascript>  //**iframe自动适应页面**//  //输入你希望根据页面高度自动调整高度的iframe的名称的列表//用逗号把每个

知识大全 js实现拉伸拖动iframe

  左边iframe放树目录右边的iframe放index页拖鼠标同时控制个iframe的宽高  期待有人能改进  操作方法鼠标指到个iframe中间可以水平拖纵向拖(控制高度)  缺点CSDN页面放

知识大全 JS和jquery获取各种屏幕的宽度和高度

JS和jquery获取各种屏幕的宽度和高度  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  Jav

知识大全 JS和jquery获取各种屏幕的宽度和高度的代码

JS和jquery获取各种屏幕的宽度和高度的代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!这篇

知识大全 javascript中iframe里面的页面调用父窗口js函数的方法

  实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法  比如有A窗口A内有个IFRAMEBB里面的装载的是C页面这时C要直接调用A里面的一个自定义函数ExpandPage();

知识大全 jquery动态获取图片高度与宽度

<divid="cc"></div><script>$(document)ready(function()$("#cc")append("<imgid=aas

我们无法生命的长度,但我们可以靠它的宽度和高度来它的容积,使人生更加丰富多彩。填入画横线部分最恰当的一项是__

我们无法生命的长度,但我们可以靠它的宽度和高度来它的容积,使人生更加丰富多彩。填入画横线部分最恰当的一项是_____。A、拓展扩大控制B、扩大改变增加C、控制增加扩大D、改变控制扩充答案:C解析:“长

知识大全 求职 如何完美应对面试

面试过程是主试与被试双方面对面地观察、交谈、了解、智斗的过程,也是短兵相接、双向沟通的过程,主试通过对被试的外部行为特征的观察与分析,考察、评价其素质特征,应变能力、理解能力、思考问题的广度和宽度。同

知识大全 求职大学生完美面试绝招

面试过程是主试与被试双方面对面地观察、交谈、了解、智斗的过程,也是短兵相接、双向沟通的过程,主试通过对被试的外部行为特征的观察与分析,考察、评价其素质特征,应变能力、理解能力、思考问题的广度和宽度。同

知识大全 大学生求职 如何完美应对面试

面试过程是主试与被试双方面对面地观察、交谈、了解、智斗的过程,也是短兵相接、双向沟通的过程,主试通过对被试的外部行为特征的观察与分析,考察、评价其素质特征,应变能力、理解能力、思考问题的广度和宽度。同