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 相关文章推荐
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 Javascript
IE8对JS通过属性和数组遍历解析不一样的地方探讨
May 06 Javascript
JavaScript异步编程:异步数据收集的具体方法
Aug 19 Javascript
jquery append()方法与html()方法的区别及使用介绍
Aug 01 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
Jun 12 Javascript
Angular 页面跳转时传参问题
Aug 01 Javascript
vuejs在解析时出现闪烁的原因及防止闪烁的方法
Sep 19 Javascript
vue中axios处理http发送请求的示例(Post和get)
Oct 13 Javascript
vue form check 表单验证的实现代码
Dec 09 Javascript
JS中实现一个下载进度条及播放进度条的代码
Jun 10 Javascript
解决在layer.open中使用时间控件laydate失败的问题
Sep 11 Javascript
node.js中fs文件系统模块的使用方法实例详解
Feb 13 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提示Failed to write session data错误的解决方法
2014/12/17 PHP
php curl简单采集图片生成base64编码(并附curl函数参数说明)
2019/02/15 PHP
PHP中strtr与str_replace函数运行性能简单测试示例
2019/06/22 PHP
效率高的Javscript字符串替换函数的benchmark
2008/08/02 Javascript
JS Jquery 遍历,筛选页面元素 自动完成(实现代码)
2013/07/08 Javascript
Bootstrap table分页问题汇总
2016/05/30 Javascript
大型JavaScript应用程序架构设计模式
2016/06/29 Javascript
AngularJS 中的数据源的循环输出
2017/10/12 Javascript
AngularJS实现的简单拖拽功能示例
2018/01/02 Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
2018/09/01 Javascript
vue项目前端埋点的实现
2019/03/06 Javascript
vue 解决数组赋值无法渲染在页面的问题
2019/10/28 Javascript
利用Python中unittest实现简单的单元测试实例详解
2017/01/09 Python
Python使用getpass库读取密码的示例
2017/10/10 Python
使用Python进行体育竞技分析(预测球队成绩)
2019/05/16 Python
Pytorch Tensor的统计属性实例讲解
2019/12/30 Python
django执行数据库查询之后实现返回的结果集转json
2020/03/31 Python
完美解决keras保存好的model不能成功加载问题
2020/06/11 Python
Django中ORM的基本使用教程
2020/12/22 Python
anaconda升级sklearn版本的实现方法
2021/02/22 Python
CSS3的first-child选择器实战攻略
2016/04/28 HTML / CSS
html5如何在Canvas中实现自定义路径动画示例
2017/09/18 HTML / CSS
AmazeUI的下载配置与Helloworld的实现
2020/08/19 HTML / CSS
东南亚地区最大的购物网站Lazada新加坡站点:Lazada.sg
2016/07/17 全球购物
货车司机岗位职责
2014/03/18 职场文书
期末学生评语大全
2014/04/24 职场文书
铁路安全事故反思
2014/04/26 职场文书
活动总结的格式
2014/05/07 职场文书
敬老模范事迹
2014/05/21 职场文书
知识竞赛拉拉队口号
2014/06/16 职场文书
学校花圃的标语
2014/06/18 职场文书
优秀教研组申报材料
2014/12/26 职场文书
寻衅滋事罪辩护词
2015/05/21 职场文书
医院党建工作总结2015
2015/05/26 职场文书
高中生军训感言
2015/08/01 职场文书
乡镇司法所2015年度工作总结
2015/10/14 职场文书