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

更新时间：2010年03月02日 23:15:17 作者：

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

一、无提示刷新网页
大家有没有发现，有些网页，刷新的时候，会弹出一个提示窗口，点“确定”才会刷新。而有的页面不会提示，不弹出提示窗口，直接就刷新了. 如果页面没有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" 
); 
} 

注意这里的第二个参数，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() 
} 
} 

您可能感兴趣的文章:

浅析JavaScript中的隐式类型转换
这篇文章主要是对JavaScript中的隐式类型转换进行了详细分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-12-12
JS前端笔试题分析
这篇文章主要介绍了JS前端笔试题,结合实例形式分析了javascript字符串、数组及日期操作相关技巧,需要的朋友可以参考下
2016-12-12
uni-app禁用返回按钮/返回键的具体实现
今天在使用uni-app开发登录页面时遇到一个需求，需要禁用返回按钮,下面这篇文章主要给大家介绍了关于uni-app禁用返回按钮/返回键的具体实现,需要的朋友可以参考下
2022-11-11
js jquery数组介绍
js jquery数组介绍，数组时编程中比较常用的处理，需要的朋友可以参考下
2012-07-07
详解js几个绕不开的事件兼容写法
本篇文章主要介绍了详解js几个绕不开的事件兼容写法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-08-08
用javascript实现倒计时效果
这篇文章主要为大家详细介绍了用javascript实现倒计时效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-02-02
JavaScript躲避行星游戏实现全程
本文将使用 canvas 创建一个躲避小行星游戏。另外将重点介绍的两个方面是：如何使用 JavaScript 来检测键盘输入，以及如何在游戏中使用和处理 HTML5 音频。希望你能够喜欢
2022-08-08
微信内置浏览器私有接口WeixinJSBridge介绍
这篇文章主要介绍了微信内置浏览器私有接口WeixinJSBridge介绍,本文讲解了发送给好友、分享函数、隐藏工具栏、隐藏三个点按钮等功能,需要的朋友可以参考下
2015-05-05
原生js实现无缝轮播图效果
这篇文章主要为大家详细介绍了原生js实现无缝轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-01-01
将JSON字符串转换成Map对象的方法
下面小编就为大家带来一篇将JSON字符串转换成Map对象的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-11-11