兼容主流浏览器的iframe自适应高度js脚本
兼容主流浏览器的iframe自适应高度js脚本
发布时间:2016-12-30 来源:查字典编辑
摘要:兼容主流浏览器的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);

}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类