- 浏览: 499829 次
- 性别:
- 来自: 沈阳
文章分类
- 全部博客 (437)
- Windows设置 (2)
- oracle数据库 (39)
- bug--jsp (4)
- j2se (13)
- js (40)
- bug-tomcat不能启动程序 (1)
- Hibernate (29)
- eclipse (20)
- java (65)
- 设计模式 (6)
- bug (18)
- PL/SQL (11)
- 前台 (5)
- 杂谈 (25)
- UML (1)
- jdbc编程 (2)
- 技术调研 (1)
- 数据通信 (2)
- ios (1)
- servlet自学笔记 (10)
- tomcat (9)
- SQL学习笔记 (6)
- java工具 (1)
- 数据库设计 (4)
- javascript (10)
- jsp (11)
- struts (17)
- ajax (7)
- linix/Unix (6)
- 资源 (3)
- spring (14)
- 算法 (5)
- 计算机网络 (2)
- http (5)
- c++ (2)
- web应用 (3)
- jvm (5)
- java中的字符编码 (14)
- java代码库 (2)
- classloader (1)
- 读书笔记 (1)
- c (1)
- 开源软件 (1)
- svn (1)
- AOP (1)
- java序列化 (1)
- 多线程 (4)
- The legendary programmers (1)
- Apache http Server (1)
- html tag (3)
- struts1.X学习笔记 (5)
- buffalo (1)
- 自己收藏 (0)
- TOEFL(IBT) (1)
- 网络翻墙 (0)
- 编译原理 (1)
- 书籍推荐 (1)
- css (10)
- javaee环境搭建资料 (1)
- 开源工具 (1)
- 美国生活 (1)
- spring自学 (3)
- log4j (3)
- 算法与数据结构 (5)
- 病毒,插件处理大全 (1)
- flex (2)
- webservice (1)
- git (7)
- cs (1)
- html (4)
- javaee (6)
- 开车 (0)
- springmvc (3)
- 互联网架构 (2)
- intellij idea (18)
- maven (15)
- mongodb (2)
- nginx (1)
- react (3)
- java基础例子 (2)
- springboot (2)
- 培训 (5)
- mysql (3)
- 数据库 (3)
- 生活 (2)
- intellij (3)
- linux (2)
- os (3)
最新评论
-
潇洒天涯:
[color=blue][color=cyan] ...
oracle 通过 nvl( )函数sql 查询时为 空值 赋默认值 -
hekai1990:
受教了..
oracle中的varchar2
Onunload与Onbeforeunload
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。
Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而 Onbeforeunload 可以做到。曾经做一个考试系统,涉及到防止用户半途退出考试(有意或者无意),代码如下:
Java代码
<script type="text/javascript">
<!--
window.onbeforeunload = onbeforeunload_handler;
window.onunload = onunload_handler;
function onbeforeunload_handler(){
var warning="确认退出?";
return warning;
}
function onunload_handler(){
var warning="谢谢光临";
alert(warning);
}
// -->
</script>
<script type="text/javascript">
<!--
window.onbeforeunload = onbeforeunload_handler;
window.onunload = onunload_handler;
function onbeforeunload_handler(){
var warning="确认退出?";
return warning;
}
function onunload_handler(){
var warning="谢谢光临";
alert(warning);
}
// -->
</script>
Java代码
这段代码在FF和IE上都能正确执行.再点击关闭按钮时首先触发obbeforeunload事件,点击否定时不执行onload事件.
这段代码在FF和IE上都能正确执行.再点击关闭按钮时首先触发obbeforeunload事件,点击否定时不执行onload事件.Java代码
通常应用在 注销session等等登陆信息 等方面....
通常应用在 注销session等等登陆信息 等方面....Java代码
这里一并推荐一个ActionScript3的好教程: <A href="http://gskinner.com/talks/as3workshop/">http://gskinner.com/talks/as3workshop/</A>
这里一并推荐一个ActionScript3的好教程: http://gskinner.com/talks/as3workshop/写道
运用onunload事件判断浏览器是刷新还是关闭窗口
写道
function CloseOpen(event) {
if(event.clientX<=0 && event.clientY<0) {
alert("关闭");
}
else
{
alert("刷新或离开");
}
}
Java代码
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 = ""; //这里可以放置你想做的操作代码
}
}
发表评论
-
【转】Jquery修改iframe内容
2018-12-19 04:24 851query取得iframe中元素的几种方法 在iframe ... -
【转】jQuery ajax()使用serialize()提交form数据
2018-12-19 04:22 884jQuery的serialize()方法通过序列化表单值,创 ... -
js获取web的root path
2018-04-25 00:50 1006function getRootPath(){ // ... -
[转]js 判断变量的数据类型
2018-04-06 06:03 0http://www.jb51.net/article/457 ... -
jquery,ajax,jsonp例子+springmvc后台
2017-11-05 20:26 723<script src="js/jquer ... -
jQuery之防止冒泡事件
2017-09-28 21:16 500冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点 ... -
【转】解析Javascript事件冒泡机制
2017-09-28 21:11 7191. 事件 ... -
Chrome 的审查元素功能有哪些奇技淫巧?
2017-09-27 18:31 581https://www.zhihu.com/question/ ... -
【转】javascript运行机制之执行顺序详解
2017-08-02 15:24 545JavaScript是一种描述型脚本语言,它不同于java ... -
让DIV中的垂直滚动条自动滚到最底部
2017-07-16 10:23 1234在聊天窗口中当消息增多超过消息窗体DIV的高度时就会出现滚动 ... -
10个JavaScript测试
2017-05-03 10:12 5081、考察this -
jsonp详解
2017-03-31 10:15 534json相信大家都用的多 ... -
必读js书籍
2017-01-13 15:33 407一个很好的起点是Kyle Simpson的系列读物:Y ... -
window.close()不出现提示框的方法
2015-12-02 15:15 722当我们使用window.close()时经常会出现一个提示框 ... -
document.getElementByClassName("classname")是原生JS吗?
2015-04-17 19:31 926需求:比较税前薪资是否在薪资范围内,超过范围则薪资输出变红色 ... -
【转】Ajax框架Buffalo深度研究
2012-11-20 11:33 1348Buffalo深度研究 ——2010.01.11, IT ... -
js dom
2012-11-08 19:03 0Dom元素基本操作方法API,先记录下,方便以后使用。 ... -
js dom代码
2012-11-08 19:03 783简单的表格: 复制代码代码如下: <table&g ... -
HTML中相对URL的选取
2012-11-08 18:50 791转自:http://blog.csdn.net/g ... -
【转】JS DOM
2012-11-01 20:48 707Dom元素基本操作方法AP ...
相关推荐
### JS监听关闭浏览器事件 在Web开发中,有时我们需要对用户关闭浏览器窗口或标签页的行为进行监测,并在这些行为发生前执行某些操作。这通常涉及到`onbeforeunload`和`onunload`这两个事件处理程序。 #### 1. `...
js实现监听浏览器关闭和刷新事件支持三大浏览器,点击直接看效果
在JavaScript中,监听浏览器窗口关闭事件对于实现特定的用户交互或数据保存功能至关重要。下面将详细介绍几种常用的浏览器关闭事件监听方法。 1. 方式一:适用于IE浏览器,仅在关闭时提示 ```javascript window....
以上就是关于JS监听关闭浏览器事件的“onunload”与“onbeforeunload”的详细解析。通过理解和正确使用这两个事件,我们可以更好地控制页面的生命周期,提升用户体验,同时确保数据的完整性和应用的稳定性。
浏览器是客户端,客户端的操作服务器是监听不到的,所以可以用js来监听,js代码监听浏览器关闭或者刷新
js关闭浏览器窗口 js关闭浏览器窗口,不弹出提示框。支持ie6+,火狐,谷歌等浏览器。 代码如下: <html> <head /> <body> [removed] function closeWin(){ window.opener=null; window.open(”,’_...
在Flex应用中监听浏览器关闭事件主要依赖于JavaScript与Flash/Flex之间的交互。当用户尝试关闭浏览器窗口时,`window.onbeforeunload`事件会被触发。我们可以通过在Flex应用中调用JavaScript来监听这个事件,并在...
总之,区分页面刷新和关闭的需求在实际开发中很常见,可以通过利用浏览器的事件机制和本地存储机制实现。通过合理的设计和代码实现,可以大大提高用户体验和系统的健壮性。同时,这也是一个很好的例子,说明了产品...
### JS监控IE与火狐浏览器关闭、刷新、回退、前进事件 #### 一、引言 在Web应用开发过程中,有时需要对用户的浏览器行为进行监控,比如浏览器的关闭、刷新、前进或后退等操作。这对于提高用户体验、确保应用程序...
为此,JavaScript 提供了 `onunload` 事件,它会在浏览器窗口被关闭或者用户离开当前页面时触发。然而,在实际的应用场景中,我们可能会遇到一个棘手的问题:不论是刷新页面还是真正关闭窗口,`onunload` 事件都会被...
因此,使用这些JavaScript事件来监控页面关闭和刷新的行为,需要进行充分的测试,并且要考虑到不同浏览器之间的兼容性问题。 此外,除了使用JavaScript之外,还可以考虑服务器端的逻辑来辅助判断。例如,可以通过...
为此,我们可以借助JavaScript的history对象来监听浏览器的回退事件,并相应地强制刷新页面或者执行其他自定义逻辑。 在这篇文章中,我们看到了如何使用pushState方法来监听浏览器的回退事件。pushState是HTML5提供...
除了这些基础的浏览器事件监听,JavaScript还有其他高级监控技术,例如: - AngularJS中的`$watch`:AngularJS 提供了一个 `$watch` 服务,可以监控模型的变化,并在变化发生时执行回调函数。 - 监控URL fragment...
在JavaScript中,有几种方法可以用来监听浏览器关闭事件: 1. **`window.onbeforeunload`**:此事件会在浏览器窗口或标签页关闭之前被触发。 2. **`window.onunload`**:该事件在文档完全卸载之后被触发,但是它的...
在Vue.js应用中,有时我们需要监听窗口的关闭和刷新事件,以便执行某些操作,比如保存用户数据或确认离开页面。本文将详细介绍两种在Vue.js中实现这一目标的方法。 首先,我们来了解一下`window.onbeforeunload`...
问题描述1: 微信开发的时候,在公众号菜单中打开一个H5页面(如:个人中心),在这个页面上的一些操作,经过多次跳转后,点击左上角的返回按钮,发现...在C页面中添加如下javascript代码: $(function(){ pushHistor
这段代码的主要作用是在用户点击浏览器的后退按钮时,通过监听`popstate`事件,使用`pushState`方法把当前页面的URL添加到历史记录中。这使得每次点击后退按钮时,浏览器都会重新导航到当前页面,从而达到阻止后退的...
要实现这个需求,我们需要使用JavaScript来监听窗口的关闭事件。在JavaScript中,可以使用window对象的onunload或onbeforeunload事件来检测窗口即将关闭的动作。尽管这两个事件在技术上是用于在窗口卸载前执行清理...
在浏览器中,我们可以通过监听特定的JavaScript事件来得知用户是否要关闭当前的窗口。在Vue中,常用的两个事件是 `beforeunload` 和 `unload`。 #### beforeunload事件 `beforeunload`事件在窗口、文档或其资源...