JavaScript设置IFrame高度自适应(兼容各主流浏览器)_javascript技巧
程序员文章站
2022-04-12 14:01:00
...
复制代码 代码如下:
function SetIFrameHeight(down) {
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
var s;
(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
var pTar = null;
if (document.getElementById) {
pTar = document.getElementById(down);
} else {
eval('pTar=' + down + ';');
}
pTar.style.display = "block";
if (Sys.ie) {
if (Sys.ie == '9.0') {
pTar.height = pTar.contentWindow.document.body.offsetHeight + 15 + "px";
pTar.width = pTar.contentWindow.document.body.scrollWidth + "px";
} else if (Sys.ie == '8.0') {
debugger;
pTar.height = pTar.Document.body.offsetHeight + 15 + "px";
pTar.width = pTar.Document.body.scrollWidth + "px";
} else {
pTar.height = pTar.Document.body.scrollHeight + 25 + "px";
pTar.width = pTar.Document.body.scrollWidth + "px";
}
}
if (Sys.firefox) {
pTar.height = pTar.contentDocument.body.offsetHeight + 15 + "px";
pTar.width = pTar.contentDocument.body.scrollWidth + "px";
}
if (Sys.chrome) {
pTar.height = pTar.contentDocument.body.offsetHeight;
pTar.width = pTar.contentDocument.body.scrollWidth;
}
if (Sys.opera) {
pTar.height = pTar.contentDocument.body.offsetHeight;
pTar.width = pTar.contentDocument.body.scrollWidth;
}
if (Sys.safari) {
if (pTar.contentDocument.body.offsetHeight pTar.height = pTar.contentDocument.body.offsetHeight + 10;
} else {
pTar.height = pTar.contentDocument.body.offsetHeight;
}
pTar.width = pTar.contentDocument.body.scrollWidth;
}
}
推荐阅读
-
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)_javascript技巧
-
js操作iframe兼容各种主流浏览器示例代码_javascript技巧
-
兼容主流浏览器的iframe自适应高度js脚本_javascript技巧
-
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)_javascript技巧
-
JavaScript设置IFrame高度自适应(兼容各主流浏览器)_javascript技巧
-
如何设置iframe高度自适应在跨域情况下的可用方法_javascript技巧
-
js操作iframe兼容各种主流浏览器示例代码_javascript技巧
-
javascript中兼容主流浏览器的动态生成iframe方法_javascript技巧
-
javascript中兼容主流浏览器的动态生成iframe方法_javascript技巧
-
setTimeout函数兼容各主流浏览器运行执行效果实例_javascript技巧