時(shí)間：2015-06-28 00:00:00 來源：IT貓撲網(wǎng) 作者：網(wǎng)管聯(lián)盟 我要評(píng)論(0)
做后臺(tái)管理時(shí)候,經(jīng)常用到在ifame里嵌入一個(gè)頁面,但iframe高度不能隨頁面高度增加而增高.所以得借助JS解決.
在iframe內(nèi)頁里面欠入此段JS即可.
1/**/////后臺(tái)輔助
2var admin = {
3 //計(jì)算頁面最大寬高值
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 跟其中內(nèi)嵌頁面高度重設(shè)iframe高度
22 init: function() {
23 var o = admin.size();
24
25 //這個(gè)ID是它上面包含它那個(gè)iframe的 ID
26 var k = parent.document.getElementById('mainframe');
27 if (!k) return;
28 k.style.height = o[1] + 'px';
29 }
30}
31//為 window 對(duì)像增加一個(gè)方法（iframe高度重新計(jì)算）
32admin.addEvent(window, 'load', admin.init);
關(guān)鍵詞標(biāo)簽：iframe
相關(guān)閱讀
熱門文章
網(wǎng)頁制作與CSS的UTF-8和GB2312編碼問題
網(wǎng)頁設(shè)計(jì)中常用的19個(gè)Web安全字體
關(guān)于iframe內(nèi)頁高度自適應(yīng)
良好用戶體驗(yàn)應(yīng)避開15種情況
人氣排行 log4j之配置文件加載過程分析-properties文件和xml文件 提高網(wǎng)頁打開速度的一些小技巧 網(wǎng)頁制作與CSS的UTF-8和GB2312編碼問題 關(guān)于iframe內(nèi)頁高度自適應(yīng) 網(wǎng)頁設(shè)計(jì)中常用的19個(gè)Web安全字體 網(wǎng)頁設(shè)計(jì)中的各種分辨率下的標(biāo)準(zhǔn)尺寸 網(wǎng)頁設(shè)計(jì)常用Javascript經(jīng)典代碼 手把手教你制作Google Sitemap