手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >兼容主流浏览器的iframe自适应高度js脚本
兼容主流浏览器的iframe自适应高度js脚本
摘要:兼容主流浏览器的Iframe自适应高度,js脚本如下:复制代码代码如下://iframe高度自适应functioniframeAutoFit...

兼容主流浏览器的 Iframe 自适应高度,js脚本如下:

复制代码 代码如下:

//iframe 高度自适应

function iframeAutoFit(iframeObj) {

setTimeout(function () {

if (!iframeObj) return;

iframeObj.height = (iframeObj.Document ? iframeObj.Document.body.scrollHeight : iframeObj.contentDocument.body.offsetHeight);

}, 200);

}<span> </span>

调用方法:

复制代码 代码如下:

<iframe id="HQRight" name="HQRight" onload="javascript:iframeAutoFit(this);"

height="235px;" width="770px" frameborder="0" scrolling="no"

src="Market/HQData_page.aspx?t=tjs"></iframe>

扩展:

复制代码 代码如下:

//动态添加样式

function addSheetFile(obj, path) {

if (obj == undefined || obj == null)

obj = document;

var fileref = obj.createElement("link")

fileref.rel = "stylesheet";

fileref.type = "text/css";

fileref.href = path;

fileref.media = "screen";

var headobj = obj.getElementsByTagName('head')[0];

headobj.appendChild(fileref);

}

【兼容主流浏览器的iframe自适应高度js脚本】相关文章:

jQuery实现强制cookie过期方法汇总

DIV任意拖动的问题

javascript实现youku的视频代码自适应宽度

JavaScript判断数组是否包含指定元素的方法

JavaSacript中charCodeAt()方法的使用详解

手机端页面rem宽度自适应脚本

些很实用且必用的小脚本代码

JavaScript中this关键字使用方法详解

如何实现iframe(嵌入式帧)的自适应高度

jquery实现动态改变div宽度和高度

精品推荐
分类导航