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 相关文章推荐
终于解决了IE8不支持数组的indexOf方法
Apr 03 Javascript
原生js和jquery中有关透明度设置的相关问题
Jan 08 Javascript
Js冒泡事件详解及阻止示例
Mar 21 Javascript
js加减乘除丢失精度问题解决方法
May 16 Javascript
node.js中的favicon.ico请求问题处理
Dec 15 Javascript
Jquery中巧用Ajax的beforeSend方法
Jan 20 Javascript
微信小程序 wx.request(object) API详解及实例代码
Sep 30 Javascript
node.js版本管理工具n无效的原理和解决方法
Nov 24 Javascript
JS实现数组去重复值的方法示例
Feb 18 Javascript
浅谈vue-router 路由传参的方法
Dec 27 Javascript
webpack 打包压缩js和css的方法示例
Mar 20 Javascript
Vue实现开关按钮拖拽效果
Sep 22 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
首页四格,首页五格For6.0(GBK)(UTF-8)[12种组合][9-18][版主安装测试通过]
2007/09/24 PHP
php模拟用户自动在qq空间发表文章的方法
2015/01/07 PHP
大家须知简单的php性能优化注意点
2016/01/04 PHP
windows7配置Nginx+php+mysql的详细教程
2016/09/04 PHP
php实现的三个常用加密解密功能函数示例
2017/11/06 PHP
微信公众号之主动给用户发送消息功能
2019/06/22 PHP
pjblog中的UBBCode.js
2007/04/25 Javascript
javascript CSS画图之基础篇
2009/07/29 Javascript
ExtJS Ext.MessageBox.alert()弹出对话框详解
2010/04/02 Javascript
分享8款优秀的 jQuery 加载动画和进度条插件
2012/10/24 Javascript
基于JavaScript 数据类型之Boolean类型分析介绍
2013/04/19 Javascript
用js正确判断用户名cookie是否存在的方法
2014/01/28 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
2014/08/12 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
2016/01/04 Javascript
javascript数字验证的实例代码(推荐)
2016/08/20 Javascript
Vue入门之数据绑定(小结)
2018/01/08 Javascript
快速了解vue-cli 3.0 新特性
2018/02/28 Javascript
详解node Async/Await 更好的异步编程解决方案
2018/05/10 Javascript
vue项目环境变量配置的实现方法
2018/10/12 Javascript
js的继承方法小结(prototype、call、apply)(推荐)
2019/04/17 Javascript
原生JS无缝滑动轮播图
2019/10/22 Javascript
vue实现点击按钮“查看详情”弹窗展示详情列表操作
2020/09/09 Javascript
easy_install python包安装管理工具介绍
2013/02/10 Python
Python面向对象之继承代码详解
2018/01/29 Python
pytorch 实现打印模型的参数值
2019/12/30 Python
使用keras实现densenet和Xception的模型融合
2020/05/23 Python
音频处理 windows10下python三方库librosa安装教程
2020/06/20 Python
CSS3制作酷炫的条纹背景
2017/11/09 HTML / CSS
linux面试题参考答案(11)
2012/05/01 面试题
大学军训感言1000字
2014/02/25 职场文书
新员工试用期自我鉴定
2014/04/17 职场文书
活动总结格式
2014/08/30 职场文书
2015年元宵节活动总结
2015/02/06 职场文书
大学开学典礼新闻稿
2015/07/17 职场文书
运动会班级口号霸气押韵
2015/12/24 职场文书
浅析Python OpenCV三种滤镜效果
2022/04/11 Python