兼容主流浏览器的iframe自适应高度js脚本_javascript技巧
程序员文章站
2022-05-18 22:16:52
...
兼容主流浏览器的 Iframe 自适应高度,js脚本如下:
//iframe 高度自适应
function iframeAutoFit(iframeObj) {
setTimeout(function () {
if (!iframeObj) return;
iframeObj.height = (iframeObj.Document ? iframeObj.Document.body.scrollHeight : iframeObj.contentDocument.body.offsetHeight);
}, 200);
}
调用方法:
扩展:
//动态添加样式
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 高度自适应
function iframeAutoFit(iframeObj) {
setTimeout(function () {
if (!iframeObj) return;
iframeObj.height = (iframeObj.Document ? iframeObj.Document.body.scrollHeight : iframeObj.contentDocument.body.offsetHeight);
}, 200);
}
调用方法:
复制代码 代码如下:
扩展:
复制代码 代码如下:
//动态添加样式
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);
}
上一篇: jQuery作用
推荐阅读
-
js控制iframe的高度/宽度让其自适应内容_javascript技巧
-
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)_javascript技巧
-
js操作iframe兼容各种主流浏览器示例代码_javascript技巧
-
兼容主流浏览器的iframe自适应高度js脚本_javascript技巧
-
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)_javascript技巧
-
js代码实现的加入收藏效果并兼容主流浏览器_javascript技巧
-
JavaScript设置IFrame高度自适应(兼容各主流浏览器)_javascript技巧
-
Iframe 自适应高度并实时监控高度变化的js代码_javascript技巧
-
js操作iframe兼容各种主流浏览器示例代码_javascript技巧
-
js实现iframe自动自适应高度的方法_javascript技巧