onunload与onbeforeunload onbeforeunload事件


onunload ,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。

onbeforeunload也是在页面刷新或关闭时调用,onbeforeunload是正要去服务器读取新的页面时调用。此时还没有还没有读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换当前页面时调用。onunload是无法阻止页面的更新和关闭的。而onbeforeunload可以做到。曾经做了一个考试系统,涉及到防止用户半途退出考试(有意或者无意)

<scripttype="text/javascript">
window.onbeforeunload = onbeforeunload_handler;
functiononbeforeunload_handler(){
var waring ="确定关闭浏览器?";
returnwaring;
}
window.onunload = onunload_handler;
functiononunload_handler(){
var waring ="谢谢光临";
alert(waring);
}
</script>

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)
{
onunload与onbeforeunload onbeforeunload事件
alert("是关闭而非刷新");
window.event.returnValue = "";//这里可以放置你想做的操作代码
}
}

http://wuhaidong.iteye.com/blog/811816

方案一:

Html代码
  1. <html>
  2. <head>
  3. <script language="javascript">
  4. window.onbeforeunload= function() //author:meizz
  5. {
  6. var n= window.event.screenX -window.screenLeft;
  7. var b= n >document.documentElement.scrollWidth-20;
  8. if(b &&window.event.clientY < 0|| window.event.altKey)
  9. {
  10. alert("关闭浏览器!");
  11. window.event.returnvalue= "";//这里可以放置你想做的操作代码
  12. }
  13. }
  14. </script>
  15. </head>
  16. </html>
<html>         <head>                                 <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>        </head> </html> 

方案二:

Js代码
  1. <html>
  2. <head>
  3. <title>判断是刷新还是关闭</title>
  4. </head>

  5. <script>
  6. function CloseOpen(event){
  7. if(event.clientX<=0&& event.clientY<0){
  8. alert("关闭");
  9. }
  10. else
  11. {
  12. alert("刷新或离开");
  13. }
  14. }
  15. </script>

  16. <body onunload="CloseOpen(event)">
  17. </body>
  18. </html>

页面加载时只执行onload
页面关闭时只执行onunload

不管页面是关闭还是刷新都会执行onunload事件。
页面刷新时先执行onbeforeunload,然后onunload,最后onload。

<html> <head>         <title>判断是刷新还是关闭</title> </head> <script>                 function CloseOpen(event) {                                         if(event.clientX<=0 && event.clientY<0) {                                                         alert("关闭");                                         }                                         else                                          {                                                         alert("刷新或离开");                                         }                 } </script> <body onunload="CloseOpen(event)"> </body> </html>



  

爱华网本文地址 » http://www.413yy.cn/a/25101015/263832.html

更多阅读

衣俊卿,已实现“软着陆”? 衣俊卿与朱丹事件

衣俊卿,已实现“软着陆”?今天《新民网》一篇题为《中央编译局原局长因作风问题被免后职称未变》的文章披露,去年底因长篇情史网络曝光被热炒的女主角、中央编译局女博士后常艳,日前开通实名认证微博(@常艳博士),讲述自己目前在落户、工作

PSP 小魔女帕妃:黑猫魔法店物语

优点:【1】移植变更部分相关本作为PC移植作品,游戏设定、CV啥的表面上没啥大的变更,不过从PC版过来CAST发生了变化,故事开始时间改为3月1日(PC版パルフェ的CV是こやまきみこ),为了将CV的生日与パルフェ的生日重叠这么做某龙也不好说啥,因

新闻发布会策划流程与策划方案 天津港爆炸新闻发布会

新闻发布会策划流程新闻发布会策划流程一、确定新闻发布会日期、地点、新闻点等。注意事项:与希望发布事件日期相配合,促进自身对外宣传,挖掘新闻点、制造新闻效应、注意避免与重大新闻事件撞车。该步骤应在正式新闻发布会前20天完成,最

(转载)从“衣俊卿吧”看中国马哲研究 衣俊卿与朱丹事件

衣俊卿的故事本来就奇特——奇在他开创了一条所有贪官未走过的新路,让女方自愿奉上金钱与肉体,财色双收,还能让这些“马哲女”因相思而心有戚戚,因相晤而欣喜若狂。但如果到百度的衣俊卿吧去看看,领略众多“洗衣粉”对衣的狂热,更会觉得这

声明:《onunload与onbeforeunload onbeforeunload事件》为网友命里无时莫惦记分享!如侵犯到您的合法权益请联系我们删除