1、模態(tài)窗口自適應(yīng):
在Internet Explorer中定義window.open 和 window.showModalDialog以打開一個(gè)網(wǎng)頁(yè)對(duì)話框的時(shí)候,在不同版本的Windows和不同版本的IE中,窗口的大小和樣式都是不同的。
在IE7中更是有了很大的不同,狀態(tài)欄,主要內(nèi)容被默認(rèn)保留(下詳),還加了一個(gè)只讀狀態(tài)的地址欄.窗口的最小尺寸被限定在了250*150：
如上圖所示：在ie7中，定義的高度僅僅是窗體內(nèi)容高度，狀態(tài)欄及地址欄的高度都不算在內(nèi)的；而ie6則包含了狀態(tài)欄及地址欄的高度。所以，我們需要依據(jù)不同的操作系統(tǒng)及ie版本，高度自適應(yīng)的js代碼如下：
/**
* 模態(tài)窗口高度調(diào)整.
* 根據(jù)操作系統(tǒng)及ie不同版本,重新設(shè)置窗口高度,避免滾動(dòng)條出現(xiàn).
*/
function resetDialogHeight(){
if(window.dialogArguments == null){
return; //忽略非模態(tài)窗口
}
var ua = navigator.userAgent;
var height = document.body.offsetHeight;
if(ua.lastIndexOf("MSIE 6.0") != -1){
if(ua.lastIndexOf("Windows NT 5.1") != -1){
//alert("xp.ie6.0");
var height = document.body.offsetHeight;
window.dialogHeight=(height+102)+"px";
}
else if(ua.lastIndexOf("Windows NT 5.0") != -1){
//alert("w2k.ie6.0");
var height = document.body.offsetHeight;
window.dialogHeight=(height+49)+"px";
}
}
}
模態(tài)窗口頁(yè)面加上如下代碼：
//窗口加載后，判斷系統(tǒng)及其ie版本調(diào)整高度
window.onload = resetDialogHeight;
2、ie7中模態(tài)窗口提交時(shí)新開窗口問題:
IE 7.0對(duì)模態(tài)窗口<base target='_self'>屬性的放置位置更加嚴(yán)格。<base>標(biāo)簽必須放置在<head>標(biāo)簽對(duì)中，否則提交表單時(shí)總是會(huì)新開窗口。示例如下 ：
<html>
<head>
<title>標(biāo)題</title>
<base target="_self"/>
.. .. ..
</head>
<body onload="pageClose();" scroll="no">
.. .. ..
</body>
</html>
posted on 2008-01-21 09:46
josson 閱讀(1280)
評(píng)論(1) 編輯 收藏 所屬分類:
web開發(fā)