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活用事件触发对象动作
Aug 10 Javascript
javascript 正则表达式相关应介绍
Nov 27 Javascript
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
Aug 05 Javascript
JavaScript检测上传文件大小的方法
Jul 22 Javascript
js实现兼容IE、Firefox的图片缩放代码
Dec 08 Javascript
Angular.js 实现数字转换汉字实例代码
Jul 14 Javascript
Bootstrap源码解读按钮(5)
Dec 23 Javascript
jQuery.Form上传文件操作
Feb 05 Javascript
如何用webpack4带你实现一个vue的打包的项目
Jun 20 Javascript
原生js实现Flappy Bird小游戏
Dec 24 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
Jan 21 Javascript
在VUE中使用lodash的debounce和throttle操作
Nov 09 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
使用array_map简单搞定PHP删除文件、删除目录
2014/10/29 PHP
php获取url参数方法总结
2014/11/13 PHP
简单了解将WordPress中的工具栏移到底部的小技巧
2015/12/31 PHP
PHP获取访问设备信息的方法示例
2019/02/20 PHP
如何确保JavaScript的执行顺序 之jQuery.html深度分析
2011/03/03 Javascript
js 获取(接收)地址栏参数值的方法
2013/04/01 Javascript
解析jquery获取父窗口的元素
2013/06/26 Javascript
jQuery增加自定义函数的方法
2015/07/18 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
2016/04/08 Javascript
DIV+CSS+jQ实现省市联动可扩展
2016/06/22 Javascript
详解获取jq ul第一个li定位的四种解决方案
2016/11/23 Javascript
ES6中参数的默认值语法介绍
2017/05/03 Javascript
你应该知道的几类npm依赖包管理详解
2017/10/06 Javascript
JavaScript实现短暂提示框功能
2018/04/04 Javascript
微信小程序实现天气预报功能
2018/07/18 Javascript
Vue 中对图片地址进行拼接的方法
2018/09/03 Javascript
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
2019/10/26 Javascript
Vue 图片压缩并上传至服务器功能
2020/01/15 Javascript
Element Collapse 折叠面板的使用方法
2020/07/26 Javascript
手把手教你如何编译打包video.js
2020/12/09 Javascript
python中mechanize库的简单使用示例
2014/01/10 Python
详解Python中的正则表达式的用法
2015/04/09 Python
python删除某个字符
2018/03/19 Python
Python 通配符删除文件的实例
2018/04/24 Python
Python实现爬虫爬取NBA数据功能示例
2018/05/28 Python
python add_argument()用法解析
2020/01/29 Python
Python如何将字符串转换为日期
2020/07/31 Python
饿了么订餐官网:外卖、网上订餐
2019/06/28 全球购物
美国家庭鞋店:Shoe Sensation
2019/09/27 全球购物
大学军训感言600字
2014/02/25 职场文书
简历中个人自我评价分享
2014/03/15 职场文书
节能环保演讲稿
2014/08/28 职场文书
2019年农民幸福观调查的实践感悟
2019/12/19 职场文书
golang elasticsearch Client的使用详解
2021/05/05 Golang
SQL Server数据库基本概念、组成、常用对象与约束
2022/03/20 SQL Server
TV动画《政宗君的复仇》第二季制作决定PV公布
2022/04/02 日漫