快捷導航

JavaScript頁面刷新與彈出窗口問題的解決方法

更新時間：2010年03月02日 23:15:17 作者：

解決JavaScript頁面刷新與彈出窗口問題

一、無提示刷新網(wǎng)頁
大家有沒有發(fā)現(xiàn)，有些網(wǎng)頁，刷新的時候，會彈出一個提示窗口，點“確定”才會刷新。而有的頁面不會提示，不彈出提示窗口，直接就刷新了. 如果頁面沒有form，則不會彈出提示窗口。
如果頁面有form表單，
　　a)< form method="post" ...> 會彈出提示窗口
　　b)< form method="get" ...> 不會彈出
二、javascript刷新頁面的方法
window.location.reload();
使用window.open()彈出的彈出窗口，刷新父窗口
window.opener.location.reload()
使用window.showDialog彈出的模式窗口
window.dialogArguments.location.reload();
三.javascript彈出窗口代碼
下面給兩個彈出屏幕居中窗口的例子

復制代碼代碼如下:

 
window.open()方式 
function ShowDialog(url) { 
var iWidth=300; //窗口寬度 
var iHeight=200;//窗口高度 
var iTop=(window.screen.height-iHeight)/2; 
var iLeft=(window.screen.width-iWidth)/2; 
window.open( 
url,"Detail","Scrollbars=no,Toolbar=no,Location=no,Direction=no,Resizeable=no, 
Width="+iWidth+" ,Height="+iHeight+",top="+iTop+",left="+iLeft 
); 
} 
window.showModalDialog方式 
function ShowDialog(url) { 
var iWidth=300; //窗口寬度 
var iHeight=200;//窗口高度 
var iTop=(window.screen.height-iHeight)/2; 
var iLeft=(window.screen.width-iWidth)/2; 
window.showModalDialog( 
url,window,"dialogHeight: "+iHeight+"px;dialogWidth: "+iWidth+"px; 
dialogTop: "+iTop+"; dialogLeft: "+iLeft+"; resizable: no; status: no;scroll:no" 
); 
} 

注意這里的第二個參數(shù)，window
四、模式窗口中，鏈接彈出新窗口問題
在< /head >和< body >間加入< base target="_self" >
五、無提示關(guān)閉頁面的方法

復制代碼代碼如下:

 
function CloseWin(){ 
var ua = navigator.userAgent; var ie = navigator.appName== 
"Microsoft Internet Explorer"?true:false; 
if(ie){ 
var IEversion = parseFloat(ua.substring(ua.indexOf("MSIE ")+5, 
ua.indexOf(";",ua.indexOf("MSIE ")))); 
if( IEversion< 5.5){ 
var str = ; 
document.body.insertAdjacentHTML("beforeEnd", str); 
document.all.noTipClose.Click(); 
} else { 
window.opener =null; window.close(); 
} 
}else{ 
window.close() 
} 
} 