JavaScript設置IFrame高度自適應(兼容各主流瀏覽器)
更新時間：2013年06月05日 16:14:36 作者：
IFrame高度的設置問題一直都是前端的噩夢而且還要兼容各主流瀏覽器更是難上加難了，下面與大家分享下一個不錯的技巧，感興趣的你可以參考下哈
復制代碼 代碼如下:
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 <= '186') {
pTar.height = pTar.contentDocument.body.offsetHeight + 10;
} else {
pTar.height = pTar.contentDocument.body.offsetHeight;
}
pTar.width = pTar.contentDocument.body.scrollWidth;
}
}
相關文章
JavaScript 開發(fā)規(guī)范要求(圖文并茂)
作為一名開發(fā)人員（WEB前端JavaScript開發(fā)），不規(guī)范的開發(fā)不僅使日后代碼維護變的困難，同時也不利于團隊的合作，通常還會帶來代碼安全以及執(zhí)行效率上的問題。2010-06-06
javascript 事件綁定的一些兼容寫法整理非常不錯，感謝2009-12-12
這篇文章主要介紹了js制作導航菜單實現(xiàn)二級菜單漸隱顯示，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了JavaScript交換兩個變量方法實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-11-11
這篇文章主要介紹了分析ES5和ES6的apply區(qū)別，對ES6感興趣的同學，可以參考下2021-05-05
下面小編就為大家?guī)硪黄猨s獲取瀏覽器高度 窗口高度 元素尺寸 偏移屬性的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了自定義javascript驗證框架,結合實例形式分析了javascript正則驗證相關操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2019-05-05
一起來看看JavaScript數(shù)據(jù)類型最詳解
這篇文章主要為大家詳細介紹了JavaScript數(shù)據(jù)類型，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
本文通過代碼示例給大家展示了如何讓javascript只執(zhí)行一次，如何實現(xiàn)這種功能呢？通過下面這段就可以輕松搞定了。2016-07-07
本篇文章給大家分享了用11行簡單的JS代碼制作出二維碼生成的簡單功能，有興趣的朋友參考下。2018-03-03