Logo

never-online

A crisis is a terrible thing to waste.
  • Blog首页
  • 推荐日志
  • 关于我
  • 留言簿
  • 设计
  • 订阅RSS
  • 登录
« firefox 2正则表达式
flash初探——as3所... »
分类: Web Dev
推荐日志

IE里慎用onbeforeunload事件

[ 2008-08-30 15:23:28 | 作者: Rank ]
字体大小: 大 | 中 | 小
Close Advertisement
以下例子用的均是IE 8 beta1模拟IE7 测试的结果。

beforeunload和unload有什么区别呢?

看一下onbeforeunload和onunload的例子
Copy Code(拷贝代码)-Run HTML(运行代码)-Save Code(另存代码)
<script type="text/javascript">//<![CDATA[
//http://www.never-online.net/blog/

window.onbeforeunload = function(e){
  return 'leave or stay';
}
window.onunload = function(){
  alert('onunload');
}
//]]></script>

从上面的demo可以看出,
onbeforeunload事件在页面document对象发生变化的时候触发:包括刷新,关闭,前进,后退,主页这些按钮,js修改location.href,还有document.open之类的改变document对象的行为。而且可以让用户自己选择是否保持原页面不变化
unload是以onfeforeunload事件之后,且onbeforeunload返回的应该是true才可能触发unload事件

事实真的是我们想象的那样吗,请运行以下例子
Copy Code(拷贝代码)-Run HTML(运行代码)-Save Code(另存代码)
<a href="javascript:;">点我一下</a>
<a href="javascript:alert('test');">点我一下</a>
<a href="###" onclick="alert('test');">点我一下</a>
<script type="text/javascript">//<![CDATA[
//http://www.never-online.net/blog/

window.onbeforeunload = function(e){
  return 'leave or stay';
}
window.onunload = function(){
  alert('onunload');
}
//]]></script>

IE运行完之后,请打开firefox,运行上面的面例子。可以简单得到结论:IE里,只要在a标签里锚点除外,都会触发onbeforeunload事件。不符合前边我们说到更改location.href会触发onbeforeunload事件的条件。
firefox的话就是正确的结果了,在本例中firefox只有在离开页面时才触发这两个事件。

从这个例子可以得到些教训,不要在onbeforeunload写销毁对象的handler。
[最后修改由 Rank, 于 2008-09-01 23:21:55]
评论Feed 评论Feed: http://www.never-online.net/blog/feed.asp?q=comment&id=237

浏览模式: 显示全部 | 评论: 9 | 引用: 0 | 排序 | 浏览: 7061
引用 muxrwc
[ 2008-09-01 10:17:49 ]
[lol] 学习下,飘走。。。
引用 Seaprince*
[ 2008-09-08 11:27:31 ]
<a href="###" onclick="alert('test');return false">点我一下</a>

这样子可以。 [razz] [razz]
引用 你好*
[ 2008-09-11 09:05:46 ]
你这是测试浏览器的容错性,而不是测试是否对.
<a href="javascript:;"> 这种写法就是要跳转到 javascript:; 这个页面,至于这个页面怎么处理,是下一个页面的事情.
不觉得ie处理的有问题.
引用 小康*
[ 2008-09-13 18:43:27 ]
认为楼上的正确
引用 123*
[ 2008-09-13 18:44:04 ]
认为楼上的正确
引用 Rank
[ 2008-09-16 01:43:36 ]
嗯~运用容错性来解释,或者说用不同的引擎来解释这两个事件从而产生不同的结果都是可以接受的。[smile]因此,我也没有将此问题作为IE的一个bug来提,只是我觉得这样确实是(至少是不象我想的那样)不是我们要的结果
[最后修改由 Rank, 于 2008-09-16 01:45:55]
引用 1234*
[ 2008-11-20 21:16:47 ]
怎么在傲游里是先关闭页面再弹出提示框的呀?
引用 Rank
[ 2008-11-21 23:51:32 ]
回楼上,这和maxthon的标签机制有关,和正常的IE不一样。
引用 1123424*
[ 2010-07-16 08:47:57 ]
[smile] [wink] [sweat] [redface] [razz] [sad] [sad] [rolleyes] [lol] [stun] [razz] [music]

发表
表情图标
[smile] [confused] [cool] [cry]
[eek] [angry] [wink] [sweat]
[lol] [stun] [razz] [redface]
[rolleyes] [sad] [yes] [no]
[heart] [star] [music] [idea]
UBB代码
转换链接
表情图标
悄悄话
昵        称:  3-24字符, 不可使用特殊字符 *
安全规则: 请输入规则答案: 2+5=? *
 
Language Package
  • ENGLISH
  • 简体中文
用户面板
用户名:
密码:
安全规则: 2+5=?
注册
分类
  • Blog首页
  • Android [2] Android RSS Feed
  • Diary & Misc [115] Diary & Misc RSS Feed
  • Web Dev [112] Web Dev RSS Feed
  • Never Modules(JS) [12] Never Modules(JS) RSS Feed
  • Flash & Flex & Air [4] Flash & Flex & Air RSS Feed
  • PHP & Apache [1] PHP & Apache RSS Feed
  • XML [7] XML RSS Feed
  • CSS [7] CSS RSS Feed
  • ASP & .NET [3] ASP & .NET RSS Feed
  • Literature Archives [4] Literature Archives RSS Feed
  • Design [17] Design RSS Feed
  • Visual Basic [3] Visual Basic RSS Feed
最新评论
  • [cry] 非常感谢,这是我...
  • 很精彩,学习了:) [smi...
  • 很精彩
  • 好文,收藏至20ju.com
  • 好文,收藏至20ju.com
  • 弹出的匹配框不能随着页...
  • @lily 多年前的东西了,...
  • 为什么在chrome中不支持...
  • @gzman 那阵子确实想蛮多...
  • 兄弟,想太多了吧
  • [smile] [wink] [sweat] ...
  • javascript:insertSmilie...
  • 我新建了两个sliderbar都...
  • 不错哦````````
  • 好文,收藏至20ju.com
搜索

统计数据
日志: 287
评论: 853
引用: 0
用户: 117
到访: 4144577
在线: 1

新浪微博
Links
  • 阿肆
  • 好奇
  • 小龙人
  • 小萌
  • Zerray
  • realdodo
  • ps album
  • my flickr
  • XiaoFeng
  • 神~ORZ
  • Jiuan's blog
  • yanpeng's blog
  • zhoux's blog
  • winter
  • aoao
  • jerry.qu
  • JoelLeung
  • monyer
  • Miller
  • PuterJam
  • Terry
  • JK
  • akira
  • dh20156's New World!
  • Joshua
  • Estyle
  • 互联网人
  • 兔子
  • 电脑爱好者
  • 阿笨狗
Favorite
  • leica china
  • Douglas Crockford
  • dhteumeuleu
  • regexplib
  • webfx
  • ajaxian
  • John Resig
  • dean
  • Adam McCrea
  • css beauty
  • livepipe
  • smashing magazine
  • ericlippert
  • narcissus
  • PPK
widget

Powered by LBS Version 2.0.304 © 2003-2005 SiC/CYAN. - Template writen by never-online - 桂ICP备07010684号
17 DB Queries | Proccessed in 125ms