手机
当前位置:查字典教程网 >编程开发 >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过期方法汇总

javascript生成不重复的随机数

Javascript中For In语句用法实例

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

用户输入密码的强度

JavaScript中Cookies的相关使用教程

jQuery插件jRumble实现网页元素抖动

跨浏览器的设置innerHTML方法

安装使用Mongoose配合Node.js操作MongoDB的基础教程

JS实现浏览器菜单命令

精品推荐
分类导航