onload、onunload 和 onbeforeunload的区别

最新推荐文章于 2024-05-23 22:18:20 发布
最新推荐文章于 2024-05-23 22:18:20 发布
阅读量1k 收藏
点赞数
分类专栏： jquery Web html
Web 同时被 3 个专栏收录
55 篇文章 0 订阅
订阅专栏
html
10 篇文章 0 订阅
订阅专栏
jquery
8 篇文章 0 订阅
订阅专栏
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>

高尔夫golf
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS监听关闭浏览器事件之Onunload与Onbeforeunload
04-07
NULL 博文链接：https://primarykeylw.iteye.com/blog/1568120
Onload,Onunload和onbeforeunload方法的异同
03-19
在JavaScript的世界里，事件处理是网页交互的核心，而`onload`、`onunload`以及`onbeforeunload`就是三个与页面生命周期紧密相关的事件。理解它们的异同对于优化网页性能和提供更好的用户体验至关重要。 首先，`...
【实例】javascript中的window对象的onbeforeunload、onload、onunload的区别（在新版本的浏览器中两个关闭事件可能不会触发）
热门推荐
Slience
09-12 1万+
onload是在页面载入的时候触发，与之相反onunload是在页面关闭（卸载）的时候触发，至于onbeforeunload是指页面将要关闭的时候触发（一般用于弹出是否确认关闭的时候） 上代码 无标题文档 window.onload = function() { alert("现在是onLoad"); }; window.onunload = function() { a
onload和onunload有什么区别（代码举例说明）
最新发布
2301_80448468的博客
05-23 316
onload和onunload是两种常用于网页中的事件处理器（event handlers），但它们处理的是完全不同的页面生命周期事件。onload事件会在页面或指定的元素（如图片、框架等）完成加载后触发。对于页面整体来说，onload事件在 DOM 完全加载和解析完成后触发，并且还会等待样式表、图像和子框架完成加载。这意味着在onload事件触发之前，用户可能还无法看到或交互页面上的所有内容。在这个例子中，当页面完成加载后，控制台会输出 "页面已完全加载！onunload。
onload 、onunload 、onbeforeunload区别
那个谁的空间
04-16 1111
页面加载时只执行onload 页面关闭时只执行onunload 页面刷新时先执行onbeforeunload，然后onunload，最后onload。
onunload,onbeforeunload,load事件
aidenliu的专栏
01-14 4137
1.  Onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。　　Onbeforeunload也是在页面刷新或关闭时调用，Onbeforeunload是正要去服务器读取新的页面时调用，此时还没开始读取；而o
【JAVAScript】——onload，onbeforeunload，onunload区别
气派飞鹰的博客
06-03 632
onload onunload onbeforeunload 三个事件的区别 onload是在页面载入的时候触发，与之相反onunload是在页面关闭（卸载）的时候触发，至于onbeforeunload是指页面将要关闭的时候触发（一般用于弹出是否确认关闭的时候） 打开页面时：onload 关闭页面时：onbeforeunload–>onunload 刷新网页时：onbeforeunload–>onunload–>onload ...
onLoad(),onBeforeUnload()与onUnload()方法
qingfengxia2013的专栏
04-06 150
Onload 所有对象加载完成后触发OnBeforeUnload 所有对象卸载前触发在以上两个事件的处理代码中，DHTML文档中所有对象、属性、方法均可用，可以执行各种相关处理；而在onload事件触发前或onbeforeunload事件完成后，执行JS代码将非常容易引发错误，而且将在不同客户机上表现不一致。 一般地，我们将JavaScript作为一个个函数写在head中，或...
onload、onunload、onbeforeunload的区别
花神的博客
06-12 5974
在做项目时经常会频繁的打开和关闭页面，如果页面中有需要编辑的内容，这时如果直接关闭，显得不是很友好，那有什么办法避免这种情况发生吗，其实原生的js已经为我们提供现成的方法onbeforeunload，我们直接拿来用就好，随便总结一下onload、onunload、onbeforeunload的区别，话不多说，直接上代码：<!doctype html> <html lang="en"> <hea
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
11-26
页面刷新时先执行onbeforeunload，然后onunload，最后onload。 经过验证我得出的结论是： //对于ie，谷歌，360： //页面加载时只执行onload //页面刷新时，刷新之前执行onbeforeunload事件，在新页面即将替换旧页面...
js 事件小结 表格区别
10-30
- onUnload：页面卸载时触发，通常与onBeforeUnload一起用于清理资源。 4. 表单相关事件： - onBlur：元素失去焦点时触发，常用于验证输入或隐藏下拉菜单。 - onChange：元素内容改变且失去焦点时触发，用于实时...
js实现关闭网页出现是否离开提示
11-29
现代主流浏览器，包括Chrome、Firefox、Safari、Edge和Internet Explorer，都支持`onbeforeunload`和`onunload`事件。然而，对于这些事件的处理，不同浏览器可能存在差异，特别是在显示自定义提示信息方面。 **注意...
判断页面是关闭还是刷新的js代码
01-19
标签只有onload\onunload\onbeforeunload事件，而没有onclose事件。不管页面是关闭还是刷新都会执行onunload事件。如何捕捉到页面关闭呢？   页面加载时只执行onload  页面关闭时只执行onunload  页面刷新时先...
onbeforeunload、beforeunload
weixin_30690833的博客
07-13 237
<scripttype="text/javascript"> functionaddOnBeforeUnload(e){ varev=e||event; ev&&(ev.returnValue='你确定要离开？'); } if(window.attachEvent){ window.attachEvent...
页面关闭事件 beforeunload onbeforeunload
小+
08-13 1万+
beforeunload会在页面关闭或刷新调用，出发事件时，弹出对话框是否关闭，确定则关闭页面，取消则保持该页面。
Onunload，onbeforeunload作用，调用时机
奋斗码农的博客
03-30 2509
Onunload，onbeforeunload都是在刷新或关闭时调用，可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。 　　Onbeforeunload也是在Onunload，onbeforeunload或关闭时调用，Onbeforeunload是正要去服务器读取新的页面时调用，此时还没开始读取；而onunload则已经从服务器上读到了需要加载的新的页面，在即将
onunload事件和onbeforeunload事件
weixin_30394251的博客
07-07 325
记录知识点背景：在做一个h5项目时，在统计事件时有这样一个需求， 希望能统计到用户是从第几页离开的，用到了这个知识点。在此记录。 window.onunload 1.定义和用法 onunload事件在用户退出页面时发生。 onunload发生于当用户离开页面时发生的事件(通过点击一个链接， 提交表单，关闭浏览器窗口等等)。 注意：onunload事件同样触发了页面载入事件onload...
onunload和onbeforeunload方法的区别
starwind_的博客
03-23 854
共同点：onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过 window.onunload来调用。 区别：onbeforeunload 是正要去服务器读取新的页面时调用，此时还没开始读取； 而onunload则已经从服务器上读到了需要加载的新的页面，在即将替换掉当前页面时调用。 1、onunload事件     浏览器兼容情况      IE6，IE7
Onunload与Onbeforeunload
WALK ON
12-13 143
1.Onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过window.onunload 来指定或者在里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。 Onbeforeunload也是在页面刷新或关闭时调用，Onbeforeunload是正要去服务器读取新的页面时调用，此时还没开始读取；而 onunl...
window.onbeforeunload和window.onunload使用具体怎么写
06-07
使用`window.onbeforeunload`和`window.onunload`事件可以通过以下方式进行编写： ```javascript // 在页面加载完成时注册 window.onbeforeunload 事件 window.onload = function() { window.onbeforeunload = function() { return "确定离开页面吗？"; // 在离开页面时弹出确认框，提示用户是否离开 }; window.onunload = function() { // 在页面关闭时执行一些清理工作 }; }; ``` 在上述代码中，我们在页面加载完成时注册了`window.onbeforeunload`和`window.onunload`事件。在`window.onbeforeunload`事件中，我们返回了一个字符串，用于在用户尝试离开页面时弹出一个确认框，询问用户是否离开。在`window.onunload`事件中，我们可以执行一些清理工作，例如释放资源、关闭连接等。需要注意的是，在`window.onunload`事件中不能进行页面跳转等操作，否则可能会导致浏览器崩溃。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值