判断浏览器刷新与关闭的代码

liss

浏览: 842840 次
性别:
来自: 广州

最近访客更多访客>>

akacd

石不易

844700118

Agy0514

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

浏览器 IE JavaScript .net HTML

当浏览器退出时会触发onunload事件，因此我们可以使用onunload事件做一些在页面关闭时要执行的操作，如提示用户信息等。但或许在实际应用中我们都发现一个问题，刷新浏览器同样会触发onunload事件，也就是只要是离开该页面就会触发onunload事件，或许刷新时我们并不想执行onunload定义的操作，或者我们只想在刷新时执行某操作，这样我们就遇到了一些麻烦。
本以为这种问题没有什么解决办法，没想到还是有牛人用很牛的办法解决了这个办法，这里俺就把找到的两段代码共享出来，希望对正好需要解决此问题朋友有所帮助。

方法一：

<HTML> 
<HEAD> 
<TITLE>判断是刷新还是关闭－www.51windows.Net</TITLE> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<META NAME="Author" CONTENT="51windows,海娃,haiwa"> 
<META NAME="Description" CONTENT="Power by 51windows.Net"> 
</HEAD> 

<script> 
function CloseOpen(event) { 
if(event.clientX<=0 && event.clientY<0) { 
alert("关闭"); 
} 
else 
{ 
alert("刷新或离开"); 
} 
} 
</script> 
<body onunload="CloseOpen(event)"> 
</BODY> 
</HTML> 
<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand"> 
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>

第二种做法：

<script language="javascript"> 
window.onbeforeunload = function() //author: meizz 
{ 
var n = window.event.screenX - window.screenLeft; 
var b = n > document.documentElement.scrollWidth-20; 
if(b && window.event.clientY < 0 || window.event.altKey) 
{ 
alert("是关闭而非刷新"); 
window.event.returnValue = ""; //这里可以放置你想做的操作代码 
} 
} 
</script>

http://www.cnitblog.com/yemoo/archive/2007/09/30/34258.aspx

分享到：

一款可以用来实现网页拖拽得HTML代码 | js 比较日期大小

2010-01-13 22:34
浏览 1146
评论(1)
分类:Web前端
查看更多

1 楼 jiangchu1217 2011-01-27

这个其实都没有用,点击IE工具栏上的刷新按钮,照样是关闭

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

判断浏览器刷新与关闭的代码

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

判断浏览器刷新与关闭的代码

评论

发表评论

相关推荐

javascript面向对象之一 类

javascript面向对象之二 命名空间

网页特效代码

js 操作select 大全

Dialog 超酷js弹出层 完美兼容所有浏览器 华丽呈现超强功能

IE6对display:table-row不支持

javascript中字符串转化为json对象

IE6的base标签导致页面结构大混乱

汇总让IE6崩溃的几种方法

JS添加事件处理函数

js压缩工具

Javascript 中 ShowModalDialog 的使用方法

xtree的基本应用---入门级

javascript实现上传图片前的预览效果

重写window.confirm函数

改善window的alert提示信息框样式

jsgraphics图形库

JavaScript图形库jsGraphics

千一JS控件

JavaScript 生成曲线图

最近访客更多访客>>

javascript面向对象之一类

javascript面向对象之二命名空间

Dialog 超酷js弹出层完美兼容所有浏览器华丽呈现超强功能