window.onload事件设置页面加载时执行的动作，即进入页面的时候执行的动作。

window.onunload已经从服务器上读到了需要加载的新的页面，在即将替换掉当前页面时调用

一般用于设置当离开页面以后执行的动作。

window.onbeforeunload是正要去服务器读取新的页面时调用，此时还没开始读取，简单来说就是在离开页面前的，一般用做提醒问你是不是要离开这个页面。

onunload和onbeforeunload都是在页面刷新和关闭前的动作，但是onbeforeunload是先于onunload的并且

Onunload是无法阻止页面的更新和关闭的。而 Onbeforeunload 可以做到

例子：

<html>

<head>

<title>test close window</title>

<script type="text/javascript">

function hello(){

alert("hello world");

}

function ha(){

alert("bye");

}

function go(){

event.returnValue = "真的要退出吗？";

}

</script>

</head>

<body οnlοad="hello();" οnunlοad="ha(); " οnbefοreunlοad="go();">

<h1>hello world</h1>

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

</body>

</html>

onload、onunload 和 onbeforeunload的区别相关推荐

onload、onunload、onbeforeunload的区别
在做项目时经常会频繁的打开和关闭页面,如果页面中有需要编辑的内容,这时如果直接关闭,显得不是很友好,那有什么办法避免这种情况发生吗,其实原生的js已经为我们提供现成的方法onbeforeunload, ...
Onunload与Onbeforeunload的应用与区别
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别在于on ...
离开页面触发事件onunload、onbeforeunload区别
onunload和onbeforeunload两个事件都是在执行页面刷新.关闭.浏览器关闭时能触发, 不过在访问服务器读取新的页面时执行顺序有所不同,并且onunload无法阻止页面的关闭与刷新,o ...
Onunload与Onbeforeunload
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别在于on ...
Onunload，onbeforeunload作用，调用时机
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定.区别在 ...
onunload、onbeforeunload事件详解
最近项目中做到一个功能:在上传页面用户开始上传文件之后用户点击任意跳转都需要弹出提示层进行二次确定才允许他进行跳转,这样做的目的是为了防止用户的错误操作导致这珍贵的UGC 流失(通常用户在一次上传不成 ...
js中unload什么意思_JS之onunload、onbeforeunload事件详解
简介 onunload,onbeforeunload都是在刷新或关闭时调用,可以在 onbeforeunload 是正要去服务器读取新的页面时调用,此时还没开始读取:而onunload则已经从服务器 ...
onunload、onbeforeunload事件详解--zhuan
最近项目中做到一个功能:在上传页面用户开始上传文件之后用户点击任意跳转都需要弹出提示层进行二次确定才允许他进行跳转,这样做的目的是为了防止用户的错误操作导致这珍贵的UGC 流失(通常用户在一次上传不成 ...
html5 关闭窗口事件,web窗口关闭事件之onunload、onbeforeunload事件详解
最近用到一个问题,当修改一篇内容时需要把此内容锁定,提交修改后解除锁定.那么问题出现了,当用户点了修改但未提交直接关掉窗口,那么此条信息一直处理锁定状态导致其他人员没办法修改. 在这里用到的是 onb ...

onload、onunload 和 onbeforeunload的区别