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 相关文章推荐
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
Nov 21 Javascript
JS实现淡蓝色简洁竖向Tab点击切换效果
Oct 06 Javascript
基于Bootstrap里面的Button dropdown打造自定义select
May 30 Javascript
Vue数据驱动模拟实现3
Jan 11 Javascript
vuex实现登录状态的存储,未登录状态不允许浏览的方法
Mar 09 Javascript
基于Vue+element-ui 的Table二次封装的实现
Jul 20 Javascript
vue使用keep-alive保持滚动条位置的实现方法
Apr 09 Javascript
微信小程序用户授权、位置授权及获取微信绑定手机号
Jul 18 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
Aug 20 Javascript
十分钟教你上手ES2020新特性
Feb 12 Javascript
详解vue-flickity的fullScreen功能实现
Apr 07 Javascript
在Vue中使用mockjs代码实例
Nov 25 Vue.js
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
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自定session保存路径及删除、注销与写入的方法
2014/11/18 PHP
PHP和MySql中32位和64位的整形范围是多少
2016/02/18 PHP
Apache无法自动跳转却显示目录的解决方法
2020/11/30 PHP
PHP排序算法之堆排序(Heap Sort)实例详解
2018/04/21 PHP
javascript之卸载鼠标事件的代码
2007/05/14 Javascript
ASP SQL防注入的方法
2008/12/25 Javascript
js控制div及网页相关属性的代码
2009/12/19 Javascript
ExtJs的Date格式字符代码
2010/12/30 Javascript
Javascript浅谈之this
2013/12/17 Javascript
jQuery filter函数使用方法
2014/05/19 Javascript
node.js中的fs.mkdirSync方法使用说明
2014/12/17 Javascript
javascript中apply、call和bind的使用区别
2016/04/05 Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
2017/03/15 Javascript
react-router JS 控制路由跳转实例
2017/06/15 Javascript
nginx+vue.js实现前后端分离的示例代码
2018/02/12 Javascript
快速解决vue-cli在ie9+中无效的问题
2018/09/04 Javascript
深入koa-bodyparser原理解析
2019/01/16 Javascript
微信小程序如何刷新当前界面的实现方法
2019/06/07 Javascript
Vue form表单动态添加组件实战案例
2019/09/02 Javascript
Vue的生命周期操作示例
2019/09/17 Javascript
js中apply和call的理解与使用方法
2019/11/27 Javascript
jQuery冲突问题解决方法
2021/01/19 jQuery
[01:30:54]《加油DOTA》 第三期
2014/08/18 DOTA
[01:01:42]Secret vs Optic Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
Python探索之ModelForm代码详解
2017/10/26 Python
Flask框架学习笔记之表单基础介绍与表单提交方式
2019/08/12 Python
手把手教你pycharm专业版安装破解教程(linux版)
2019/09/26 Python
Python列表原理与用法详解【创建、元素增加、删除、访问、计数、切片、遍历等】
2019/10/30 Python
美国首屈一指的礼品篮供应商:GiftTree
2018/01/06 全球购物
幼儿运动会邀请函
2014/01/17 职场文书
中式餐厅创业计划书范文
2014/01/23 职场文书
银行求职信范文
2014/05/26 职场文书
安全员岗位职责范本
2015/04/11 职场文书
旅游安全责任协议书
2016/03/22 职场文书
教师学期述职自我鉴定
2019/08/16 职场文书
十一月早安语录:把心放轻,人生就是一朵自在的云
2019/11/04 职场文书