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 相关文章推荐
js的写法基础分析
Jan 17 Javascript
js获取浏览器基本信息大全
Nov 27 Javascript
js实现YouKu的漂亮搜索框效果
Aug 19 Javascript
如何解决谷歌浏览器下jquery无法获取图片的尺寸
Sep 10 Javascript
JavaScript ParseFloat()方法
Dec 18 Javascript
如何在JS中实现相互转换XML和JSON
Jul 19 Javascript
javascript中使用未定义变量或值的情况分析
Jul 19 Javascript
vue编译打包本地查看index文件的方法
Feb 23 Javascript
Vue中使用canvas方法总结
Feb 12 Javascript
Openlayers实现距离面积测量
Sep 28 Javascript
JavaScript通如何过RGraph实现动态仪表盘
Oct 15 Javascript
JavaScript this关键字的深入详解
Jan 14 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
IIS6.0+PHP5.x+MySQL5.x+Zend3.0x+GD+phpMyAdmin2.8x通用安装实例(已经完成)
2006/12/06 PHP
coreseek 搜索英文的问题详解
2013/06/08 PHP
php实现监听事件
2013/11/06 PHP
PHP中比较时间大小实例
2014/08/21 PHP
php实现多城市切换特效
2015/08/09 PHP
PHP微信模板消息操作示例
2017/06/29 PHP
广告切换效果(缓动切换)
2009/05/27 Javascript
JQuery 学习笔记 选择器之四
2009/07/23 Javascript
JS实现div内部的文字或图片自动循环滚动代码
2013/04/19 Javascript
jQuery之Deferred对象详解
2014/09/04 Javascript
Bootstrap每天必学之栅格系统(布局)
2015/11/25 Javascript
详解Javascript继承的实现
2016/03/25 Javascript
js计算系统当前日期是星期几的方法
2016/07/14 Javascript
jquery UI Datepicker时间控件冲突问题解决
2016/12/16 Javascript
详细讲解vue2+vuex+axios
2017/05/27 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
2018/10/08 Javascript
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
2018/12/11 Javascript
react-router4按需加载(踩坑填坑)
2019/01/06 Javascript
javascript系统时间设置操作示例
2019/06/17 Javascript
[04:40]DOTA2-DPC中国联赛1月26日Recap集锦
2021/03/11 DOTA
Python的Django框架中设置日期和字段可选的方法
2015/07/17 Python
python网络编程 使用UDP、TCP协议收发信息详解
2019/08/29 Python
如何使用Python抓取网页tag操作
2020/02/14 Python
Python实现分数序列求和
2020/02/25 Python
Python paramiko 模块浅谈与SSH主要功能模拟解析
2020/02/29 Python
opencv 图像礼帽和图像黑帽的实现
2020/07/07 Python
h5调用摄像头的实现方法
2016/06/01 HTML / CSS
AmazeUI 缩略图的实现示例
2020/08/18 HTML / CSS
您的健身减肥和健康饮食专家:vitafy
2017/06/06 全球购物
个人简历自我鉴定
2013/10/11 职场文书
会计岗位职责模板
2014/03/12 职场文书
毕业生政审意见范文
2015/06/04 职场文书
校园新闻稿范文
2015/07/18 职场文书
实验室安全管理制度
2015/08/05 职场文书
Nginx反爬虫策略,防止UA抓取网站
2021/03/31 Servers
Python机器学习三大件之一numpy
2021/05/10 Python