IT貓撲網:您身邊最放心的安全下載站! 最新更新|軟件分類|軟件專題|手機版|論壇轉貼|軟件發(fā)布

您當前所在位置: 首頁網絡編程網頁設計 → 關于iframe內頁高度自適應

關于iframe內頁高度自適應

時間:2015-06-28 00:00:00 來源:IT貓撲網 作者:網管聯(lián)盟 我要評論(0)

  做后臺管理時候,經常用到在ifame里嵌入一個頁面,但iframe高度不能隨頁面高度增加而增高.所以得借助JS解決.

  在iframe內頁里面欠入此段JS即可.

 1/**/////后臺輔助
 2var admin = {
 3    //計算頁面最大寬高值
 4    size: function() {
 5        var a, yc;
 6        var b, wh, pw, ph;
 7        a = window.innerHeight && window.scrollMaxY ? document.body.scrollWidth : document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollWidth : document.body.offsetWidth;
 8        yc = window.innerHeight && window.scrollMaxY ? (window.innerHeight + window.scrollMaxY) : document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight;
 9        b = self.innerHeight ? self.innerWidth : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientWidth : document.body.clientWidth;
10        wh = self.innerHeight ? self.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
11        ph = yc < wh ? wh : yc;
12        pw = a < b ? b : a;
13        return new Array(pw, ph, a, yc)
14    },
15    //增加監(jiān)聽事件
16    addEvent: function(o, a, b) {
17        o.attachEvent ? o.attachEvent('on' + a, function() {
18            b.call(o)
19        }) : o.addEventListener(a, b, false)
20    },
21    //iframe 跟其中內嵌頁面高度重設iframe高度
22    init: function() {
23        var o = admin.size();
24
25        //這個ID是它上面包含它那個iframe的  ID
26        var k = parent.document.getElementById('mainframe');
27        if (!k) return;
28        k.style.height = o[1] + 'px';
29    }
30}
31//為 window 對像增加一個方法(iframe高度重新計算)
32admin.addEvent(window, 'load', admin.init);

關鍵詞標簽:iframe

相關閱讀

文章評論
發(fā)表評論

熱門文章 網頁制作與CSS的UTF-8和GB2312編碼問題 網頁制作與CSS的UTF-8和GB2312編碼問題 網頁設計中常用的19個Web安全字體 網頁設計中常用的19個Web安全字體 關于iframe內頁高度自適應 關于iframe內頁高度自適應 良好用戶體驗應避開15種情況 良好用戶體驗應避開15種情況

相關下載

    人氣排行 log4j之配置文件加載過程分析-properties文件和xml文件 提高網頁打開速度的一些小技巧 網頁制作與CSS的UTF-8和GB2312編碼問題 關于iframe內頁高度自適應 網頁設計中常用的19個Web安全字體 網頁設計中的各種分辨率下的標準尺寸 網頁設計常用Javascript經典代碼 手把手教你制作Google Sitemap