为什么onunload对应的js代码不能执行？

为什么onbeforeunload才可以在离开页面时执行相应的js代码？

1.onunload和onbeforeunload都是在离开页面或者刷新页面的时候才会调用的，他们是写在body开始标签里面或者script中写成window.onload或者window.onbeforeunload的样子

2.onbeforeunload是服务器去准备拿新的页面调用的，onunload是已经到服务器里面拿到了新的页面，替换当前的页面时调用的

3.onbeforeload是在onunload之前调用的，也就是说你想要在页面关闭时或者刷新时看到想要的效果，就应该写在onbeforeunload里面，因为onunload是看不到效果的(我试了在谷歌，火狐，ie里面来执行一个警告框代码)，看不到这个效果，但是写在console.log里面确实是执行了onunload对应的js代码

4.页面在加载中只调用onload事件

5.页面在离开时的调用的顺序是：先onbeforeload后onunload

6.页面在刷新的时候调用的顺序：先onbeforeunload再onunload后onload

7.我认为的onunload调用，既然是新页面替换当前页面时才调用的话，那当前页面的onunload对应的js代码应该是不被执行的，或者说是执行了但是由于替换成新的页面了，所以就看不出效果，但是你想要检验的话，写在conlose.log里面是可以看到onunload事件有没有被执行，是被执行的。

下面我检测了火狐、谷歌、ie11版本对onunload事件的反应

上代码:

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="utf-8"/>

         <title></title>

         <style>p{cursor:pointer;}</style>

     </head>

     <body onload="load();" onbeforeunload="return fore()" >

         <h2>窗口事件是针对于整个窗口而言</h2>

         <p>onload事件句柄和onunload事件句柄直接写在body内,写在script中前面要加window</p>

         <p onclick="alert('我在文档加载之后，也就是打开窗口之后等到页面静态信息全部展示之后，做了单击我这样一个行为才有的效果');">单击我</p>

         <script type="text/javascript">

            function load()

            {alert("文档加载时，欢迎访问本页面");}

            function ms()

            {alert("当文档关闭时或者跳转到别的页面时候的会触发onunload事件句柄");
              }

         
              window.onunload = function(){

            console.log("退出时触发");

20             }  

          function fore()

          {var message="确定离开";

           return message;

26           }

            </script>

       <a href="http://www.baidu.com">1</a>

     </body>

 </html>

谷歌浏览器在刷新的时候可以看到一瞬间的“退出时触发”，然后消失

火狐在刷新和跳转页面都可以看到“退出时触发”

ie上面只有跳转的时候才会触发onunload

这里说一下，像alert这些框写在onunload里面是看不到效果的，不知道是什么原因？不知道可不可以这样理解：因为onunload是在替换页面时才调用的，所以原先的页面的onunload对应的js代码就会被释放，就看不到。但是写在控制台里面是能够看到效果的。onbeforeunload是在onunload之前被调用的

onunload对应的js代码为什么不能执行？和onbeforeunload的区别？的更多相关文章

  1. UpdatePanel中用后台CS代码调用JS代码，先执行控件事件，后触发JS

    引用地址: http://www.cnblogs.com/silenkee/articles/1609831.html   页面中加入了UpdatePanel后,Response.Write(&quo ...

  2. JS代码放在head和body中的区别分析

    最近一直在忙工作,没有时间来写博客了,不过今天做网站的时候碰到一个问题就是JS脚本存放的位置不同其效果不同.起初我没在意这个问题,后来一直解决不了,通过上网与查资料问同事,终于我明白了,原来我碰到了这 ...

  3. php课程 1-3 web项目中php、html、js代码的执行顺序是怎样的（详解）

    php课程 1-3 web项目中php.html.js代码的执行顺序是怎样的(详解) 一.总结 一句话总结:b/s结构 总是先执行服务器端的先.js是客户端脚本 ,是最后执行的.所以肯定是php先执行 ...

  4. js 如何保存代码段并执行以及动态加载script

    1.模块化开发 通常使用的是 export和import 实现代码的共享和导入 2.特殊情况下需要将代码段作为参数传递 可以使用function 的toString方法将整合函数和里面的代码批量转化为 ...

  5. js解析器的执行原理

    首先看一段代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> < ...

  6. JS引擎线程的执行过程的三个阶段（一）

    浏览器首先按顺序加载由<script>标签分割的js代码块,加载js代码块完毕后,立刻进入以下三个阶段,然后再按顺序查找下一个代码块,再继续执行以下三个阶段,无论是外部脚本文件(不异步加载 ...

  7. WinForm程序执行JS代码的多种方法以及使用WebBrowser与JS交互

    方法一 使用微软官方组件Interop.MSScriptControl 1.msscript.ocx下载的地址   http://www.microsoft.com/downloads/details ...

  8. UIWebView中Html中用JS调用OC方法及OC执行JS代码

    HTML代码: <html> <head> <title>HTML中用JS调用OC方法</title> <meta http-equiv=&quo ...

  9. ASP.NET后台执行JS代码

    1. 用Response.Write方法 代码如下:Response.Write("<script type='text/javascript'>alert("XXX& ...

随机推荐

  1. cmd启动mysql,服务名无效

    通过cmd无法启动mysql 解决办法: 在计算机管理(或者win+R,输入services.msc)中打开服务,查看mysql服务的名称是否正确. 键入正确的名称启动mysql.

  2. JavaScript (三) js的基本语法 - - 数组 与函数 、关键字

    个人博客网:https://wushaopei.github.io/    (你想要这里多有) 一.关键字 1.break 关键字使用 break关键字:如果在循环中使用,遇到了break,则立刻跳出 ...

  3. 判断IP地址的合法性

    每台计算机都有独一无二的编号,称为ip地址,每个合法的ip地址由‘.’分隔开的4个数字组成,每个数字的取值范围为0--255 输入一个字符串,判断其是否为合法的IP地址,若是输出‘YES’,否则输出‘ ...

  4. Java实现 LeetCode 450 删除二叉搜索树中的节点

    450. 删除二叉搜索树中的节点 给定一个二叉搜索树的根节点 root 和一个值 key,删除二叉搜索树中的 key 对应的节点,并保证二叉搜索树的性质不变.返回二叉搜索树(有可能被更新)的根节点的引 ...

  5. Java实现 蓝桥杯VIP 算法训练 P1101

    有一份提货单,其数据项目有:商品名(MC).单价(DJ).数量(SL).定义一个结构体prut,其成员是上面的三项数据.在主函数中定义一个prut类型的结构体数组,输入每个元素的值,计算并输出提货单的 ...

  6. Java实现 LeetCode 218 天际线问题

    218. 天际线问题 城市的天际线是从远处观看该城市中所有建筑物形成的轮廓的外部轮廓.现在,假设您获得了城市风光照片(图A)上显示的所有建筑物的位置和高度,请编写一个程序以输出由这些建筑物形成的天际线 ...

  7. java实现漏掉的账目明细

    某财务部门结账时发现总金额不对头.很可能是从明细上漏掉了某1笔或几笔.如果已知明细账目清单,能通过编程找到漏掉的是哪1笔或几笔吗? 如果有多种可能,则输出所有可能的情况. 我们规定:用户输入的第一行是 ...

  8. Java实现最大流量问题

    1 问题描述 何为最大流量问题? 给定一个有向图,并为每一个顶点设定编号为0~n,现在求取从顶点0(PS:也可以称为源点)到顶点n(PS:也可以称为汇点)后,顶点n能够接收的最大流量.图中每条边的权值 ...

  9. java实现拍7游戏

    ** 拍7游戏** 许多人都曾经玩过"拍七"游戏.规则是:大家依次从1开始顺序数数,数到含有7或7的倍数的要拍手或其它规定的方式表示越过(比如:7,14,17等都不能数出),下一人 ...

  10. java实现第六届蓝桥杯垒骰子

    垒骰子 题目描述 赌圣atm晚年迷恋上了垒骰子,就是把骰子一个垒在另一个上边,不能歪歪扭扭,要垒成方柱体. 经过长期观察,atm 发现了稳定骰子的奥秘:有些数字的面贴着会互相排斥! 我们先来规范一下骰 ...