手机
当前位置:查字典教程网 >编程开发 >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脚本】相关文章:

Javascript中For In语句用法实例

关于IFRAME 自适应高度的研究

接收键盘指令的脚本

如何实现浏览器上的右键菜单

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

javascript生成不重复的随机数

在b/s开发中经常用到的javaScript技术

JavaScript中Cookies的相关使用教程

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

js+HTML5实现canvas多种颜色渐变效果的方法

精品推荐
分类导航