JavaScript页面刷新与弹出窗口问题的解决方法

页面刷新与表单提示的关系

在网页开发中，用户可能会遇到刷新页面时弹出确认提示的情况，而有些页面则直接刷新。通常情况下，如果页面中不包含form元素，刷新时不会弹出提示窗口。

当页面中包含form表单时，刷新行为会受到表单method属性的影响。

a) 若form标签的method属性设置为post，例如< form method="post" ...>，刷新时通常会弹出提示窗口。

b) 若form标签的method属性设置为get，例如< 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"
); 
} 

注意这里的第二个参数，window

模式窗口中，链接弹出新窗口问题

在< /head >和< body >间加入< base target="_self" >

 
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()
} 
}