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


Posted in Javascript onMarch 02, 2010

一、无提示刷新网页
大家有没有发现,有些网页,刷新的时候,会弹出一个提示窗口,点“确定”才会刷新。而有的页面不会提示,不弹出提示窗口,直接就刷新了. 如果页面没有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中void(0)的具体含义解释
Feb 27 Javascript
js计算字符串长度包含的中文是utf8格式
Oct 15 Javascript
js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)
Jan 14 Javascript
文本框文本自动补全效果示例分享
Jan 19 Javascript
js清理Word格式示例代码
Feb 13 Javascript
JavaScript中用let语句声明作用域的用法讲解
May 20 Javascript
js css实现垂直方向自适应的三角提示菜单
Jun 26 Javascript
基于JS快速实现导航下拉菜单动画效果附源码下载
Oct 27 Javascript
微信小程序 跳转传参数与传对象详解及实例代码
Mar 14 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
Vue替代marquee标签超出宽度文字横向滚动效果
Dec 09 Javascript
uniapp电商小程序实现订单30分钟倒计时
Nov 01 Javascript
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
Mar 02 #Javascript
jQuery对象和DOM对象的相互转化实现代码
Mar 02 #Javascript
Javascript 自定义类型方法小结
Mar 02 #Javascript
Javascript Cookie读写删除操作的函数
Mar 02 #Javascript
28个JS验证函数收集
Mar 02 #Javascript
用js脚本控制asp.net下treeview的NodeCheck的实现代码
Mar 02 #Javascript
javascript 静态对象和构造函数的使用和公私问题
Mar 02 #Javascript
You might like
PHP简单系统数据添加以及数据删除模块源文件下载
2008/06/07 PHP
基于PHP字符串的比较函数strcmp()与strcasecmp()的使用详解
2013/05/15 PHP
Laravel框架中实现使用阿里云ACE缓存服务
2015/02/10 PHP
常用参考资料(手册)下载或者链接
2006/07/22 Javascript
理解JavaScript的caller,callee,call,apply
2009/04/28 Javascript
JavaScript 捕获窗口关闭事件
2009/07/26 Javascript
jquery 图片截取工具jquery.imagecropper.js
2010/04/09 Javascript
jQuery 源码分析笔记(4) Ready函数
2011/06/02 Javascript
JS获取当前网址、主机地址项目根路径
2013/11/19 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
2014/02/17 Javascript
js返回上一页并刷新的多种实现方法
2014/02/26 Javascript
js 获取元素下面所有li的两种方法
2014/04/14 Javascript
jquery如何判断表格同一列不同行input数据是否重复
2014/05/14 Javascript
jQueryMobile之Helloworld与页面切换的方法
2015/02/04 Javascript
js图片轮播效果实现代码
2020/04/18 Javascript
js替换字符串中所有指定的字符(实现代码)
2016/08/17 Javascript
jQuery的中 is(':visible') 解析及用法(必看)
2017/02/12 Javascript
javascript过滤数组重复元素的实现方法
2017/05/03 Javascript
jquery获取transform里的值实现方法
2017/12/12 jQuery
详解VUE中常用的几种import(模块、文件)引入方式
2018/07/03 Javascript
Angularjs中date过滤器失效的问题及解决方法
2018/07/06 Javascript
原生JS实现的简单轮播图功能【适合新手】
2018/08/17 Javascript
使用 UniApp 实现小程序的微信登录功能
2020/06/09 Javascript
js通过canvas生成图片缩略图
2020/10/02 Javascript
python使用xlrd模块读写Excel文件的方法
2015/05/06 Python
Swift 3.0在集合类数据结构上的一些新变化总结
2016/07/11 Python
Python实现带参数的用户验证功能装饰器示例
2018/12/14 Python
如何利用Python分析出微信朋友男女统计图
2019/01/25 Python
Python如何合并多个字典或映射
2020/07/24 Python
python实现学生信息管理系统(精简版)
2020/11/27 Python
python 利用百度API识别图片文字(多线程版)
2020/12/14 Python
用Python实现定时备份Mongodb数据并上传到FTP服务器
2021/01/27 Python
第一范式(1NF)、第二范式(2NF)和第三范式(3NF)之间的区别是什么?
2016/04/28 面试题
什么是索引指示器
2012/08/20 面试题
幼儿园国庆节活动方案
2014/02/01 职场文书
学者《孟子》名人名言
2019/08/09 职场文书