做后臺管理時候,經常用到在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
相關閱讀
熱門文章 網頁制作與CSS的UTF-8和GB2312編碼問題 網頁設計中常用的19個Web安全字體 關于iframe內頁高度自適應 良好用戶體驗應避開15種情況
人氣排行 log4j之配置文件加載過程分析-properties文件和xml文件 提高網頁打開速度的一些小技巧 網頁制作與CSS的UTF-8和GB2312編碼問題 關于iframe內頁高度自適應 網頁設計中常用的19個Web安全字體 網頁設計中的各種分辨率下的標準尺寸 網頁設計常用Javascript經典代碼 手把手教你制作Google Sitemap