javascript:如何判断一个网页被用户关闭

最新推荐文章于 2022-09-22 18:15:24 发布
最新推荐文章于 2022-09-22 18:15:24 发布
阅读量1.9k 收藏 1
点赞数
分类专栏： Search 文章标签： javascript xmlhttprequest 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xlvector/article/details/1800369
版权
用户关闭了你的网页，如何记录下这个行为。其实很简单，用户在关闭网页时，会触发body的 onunload事件，这时只要在onunload中使用XMLHttpRequest来告诉浏览器，用户关闭了网页即可。 
xlvector
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript网页关闭时提醒效果脚本
10-30
当页面载入和关闭时会出现一些提示信息的代码。方便提醒用户，但不建议多用，让人感到反感。
javascript判断网页是关闭还是刷新
10-23
本篇文章给大家介绍js判断网页是关闭还是刷新，实现原理就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小，根据大小由此判断用户是刷新，跳转或是关闭行为程序，需要的朋友可以参考下本
JavaScript 在网页上单击鼠标的地方显示层及关闭层
12-09
在网页上单击鼠标的地方显示层，供用户选择地点，同时把用户选择的地点显示在文本框中。主要是控制层的显示、隐藏。 代码如下: <HTML> <HEAD> <META http-equiv=”Content-Type” content=”text/html; charset=gb2312″> <TITLE>层的隐藏显示练习</TITLE> <STYLE type=”text/css”> <!– /*设置图片按钮样式*/ .picButton { background-image: url(images/buttonBack.gif); border:0 px; margin: 0px; paddi
java 判断浏览器关闭_js判断浏览器是否关闭
weixin_35828338的博客
02-16 561
今日整到此处,特将网上搜刮来的信息贴于此，以供大家共享之window.onbeforeunload = function(){ var n = window.event.screenX - window.screenLeft;var b = n > document.documentElement.scrollWidth-20;if(b && window.event.c...
通过JS检测客户端是否禁用Cookie
web前端开发
01-26 382
Cookie的英文原意是指就着牛奶一起吃的点心。在互联网世界中，Cookie是指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据。cookie 是存储于访问者...
判断页面是关闭还是刷新的js代码
12-12
判断页面是关闭还是刷新的js代码 判断页面是关闭还是刷新
怎样判断用户已经掉线,关闭网页
bahuanwa5356的博客
07-22 196
仔细研究了 connection_status和connection_aborted 了解清楚他们的用法: <?echo str_repeat(" ",300);ignore_user_abort(true); //没有这个一旦用户断线,php(线程)就会立即终止!没有机会执行" if connection_status()!=0||connection_a...
js检测关闭页面或浏览器
热门推荐
chenmoquan的专栏
01-17 1万+
使用onunload 或 onbeforeunload 事件监听
js判断浏览器是否关闭
majia8801的博客
03-21 697
js标签只有onload\onunload\onbeforeunload事件，而没有onclose事件。 不管页面是关闭还是刷新都会执行onunload事件。 如何捕捉到页面关闭呢？ 页面加载时只执行onload 页面关闭时只执行onunload 页面刷新时先执行onbeforeunload，然后onunload，最后onload。 这样我们可以在onbeforeunload中加一个标记，在...
web项目异常关闭浏览器判断方法（刷新还是关闭）
04-26 2202
var _beforeUnload_time = 0, _gap_time = 0; var is_fireFox = navigator.userAgent.indexOf("Firefox") > -1; //是否是火狐浏览器 window.onunload = function() { _gap_time = new Date().getTime() - _beforeUnload_tim
分享JavaScript获取网页关闭与取消关闭的事件
12-01
在做Web开发时，我们经常用到页面关闭事件onbeforeunload，可以给用户一个选择放弃关闭的机会，就比如这个博客编辑器。如果用户选择了离开，那么onunload事件自然会触发；但若用户选择了取消，又该如何检测呢？ 我们...
监听浏览器页面关闭事件(visibilitychange和unload)
C05230的博客
09-22 7915
监听浏览器的页面关闭事件
监控用户是否关闭浏览器
blade_sea的专栏
11-29 1640
BS系统一个非常烦人的地方是不知道用户什么时候关闭浏览器离开系统.这里,我们采用onbeforeunload参数监控用户是否关闭浏览器.testfunction RunOnBeforeUnload() { window.event.returnValue = 关闭浏览器将退出系统.; }效果如下所示:当wondow.event.returnValue为空的时候,这个选择提示框是不会出现的.可是
js实现用户关闭页面时提示是否离开此页面的方法
小鲁班-JAVA开发
11-20 2326
&lt;script type="text/javascript"&gt; window.onbeforeunload = function(){ return "您确定要退出页面吗？"; } &lt;/script&gt; 效果图
如何判断浏览器关闭
qq_20610603的博客
04-05 471
在直接关闭浏览器时触发事件，然后做一些操作，但很难区分浏览器关闭和刷新，谁有好的方法？
如何判断一个用户是关闭、还是刷新网页
Jave.Lin 的学习笔记
11-23 8196
1、方法有挺多种，但就看到一个比较好的： 原文： http://jsj.lcvtc.edu.cn/kyfw/html/xwzx/ASP/103.html 核心提示： 标签只有onload\onunload\onbeforeunload事件，而没有onclose事件。不管页面是关闭还是刷新都会执行onunload事件。如何捕捉到页面关闭呢？ 标签只有onload\onunload\on
AJAX 一个IE和Firefox兼容的XMLHttpRequest
xlvector的专栏
01-15 4629
function request() ...{    var A=null;     try ...{         A=new ActiveXObject("Msxml2.XMLHTTP");     }     catch(e) ...{         try ...{             A=new ActiveXObject("Microsoft.XMLHTTP");     
图片搜索引擎搜索结果的显示
xlvector的专栏
04-08 2708
因为搜索引擎搜索出来的图片大小各异，所以结果的排版显示比较困难，经过一个下午的研究，最终用一段javascript实现了如下的排版。http://i.cindoo.com/space/image/image.php?sid=2557&&name=%CC%C0%CE%A8这个排版时MSN Live Search中的图片排版。首先图片的显示还是用table完成的，但是如何让图片按比例缩小，一开始总是觉
Cindoo 专业化的搜索引擎
xlvector的专栏
10-11 2376
大家都听说过Maholo吧，这个搜索引擎又被称为人肉搜索，他的结果非常专业化，因为他是用人工编辑的。Cindoo是一个类似的引擎，他同样注重结果的专业性，但他不使用太多的人工编辑。在Cindoo中，不是所有的网站都会索引，只有那些Cindoo认为结果比较专业的网站才会索引。和Google不一样，Cindoo目前不注重结果的广度，我们不保证所有的搜索都有结果，但我们尽量保证有的结果都是很好的
javascript设计一个简易的在线购物网站.大作业
最新发布
07-19
### 回答1： 为了设计一个简易的在线购物网站，你可以使用JavaScript来处理网页的动态功能和交互。以下是一个可能的设计方案： 1. 基础页面布局和设计：创建一个包含头部导航、商品展示区域和购物车区域的基础页面。使用HTML和CSS来设计和布局这些元素。 2. 商品展示：使用JavaScript来获取商品数据，并将其展示在商品展示区域。可以使用AJAX来从服务器获取商品数据，并使用JavaScript将其动态地添加到页面。 3. 购物车：设计一个购物车功能，允许用户将商品添加到购物车中。使用JavaScript来处理购物车的逻辑，包括添加商品、删除商品和计算总价等。 4. 支付功能：设计一个支付功能，允许用户选择商品并输入支付信息。使用JavaScript来验证支付信息的有效性，并将订单发送到服务器进行处理。 5. 用户登录和注册：设计用户登录和注册功能，允许用户创建账户并登录以完成购物。使用JavaScript来验证用户的输入，并将用户信息存储在服务器或本地存储中。 6. 数据存储和管理：使用JavaScript来处理数据的存储和管理，包括商品信息、用户信息和订单信息等。可以使用本地存储、数据库或服务器来存储和管理这些数据。 7. 页面交互和动态效果：使用JavaScript来实现网页的交互和动态效果，例如悬停显示商品详情、点击展开购物车、弹出支付窗口等。 8. 错误处理和验证：使用JavaScript来处理用户输入的错误和验证，例如检查用户是否填写了必填字段、检查输入格式是否符合要求等。 以上是一个简易的在线购物网站的设计方案，希望能够帮助你完成大作业。当然，这只是一个基本的设计，你可以根据需求和能力添加更多的功能和优化来提升用户体验。 ### 回答2： 设计一个简易的在线购物网站需要考虑以下方面： 1. 首先，我们需要一个网站的框架，可以使用HTML和CSS来创建网页的布局和样式。可以设计首页、商品列表页、商品详情页、购物车页面等。 2. 在每个商品列表中，显示商品的名称、价格和图片，并且提供一个按钮来将商品加入购物车。可以使用JavaScript来实现商品列表的动态加载和按钮的点击事件。 3. 在商品详情页中，显示商品的详细信息，并且提供一个输入框和一个按钮来选择商品的数量并加入购物车。 4. 购物车页面中，显示用户已选择的商品列表，包括商品的名称、价格、数量和总价。还可以提供删除商品的功能，通过JavaScript来处理删除事件。 5. 在每个页面中，可以在顶部或底部加入导航栏，包括首页、商品列表、购物车等链接，方便用户快速切换页面。 6. 在用户点击结算按钮时，可以弹出一个确认窗口，显示用户已选择的商品和总价，并提供一个确认按钮来提交订单。 7. 可以使用JavaScript来进行表单验证，确保用户输入的信息符合要求。 8. 可以考虑使用LocalStorage来保存用户的购物车信息，以便用户关闭页面后再次打开时能够保留之前的选择。 总的来说，通过合理的布局、动态加载商品、处理用户交互、购物车管理和订单提交等功能，可以实现一个简易的在线购物网站。这只是一个初步的设计，你可以根据实际需求进行调整和完善。 ### 回答3： 设计一个简易的在线购物网站，主要使用JavaScript语言，实现以下功能需求： 1. 用户注册和登录功能：使用JavaScript实现用户注册和登录功能，包括用户名、密码等信息的验证和存储。 2. 商品展示功能：通过JavaScript从后端获取商品信息，并在网页上展示所有商品的名称、价格和图片等详细信息。 3. 购物车功能：用户可以将商品添加到购物车中，并实时显示购物车中的商品数量。通过JavaScript实现加入购物车、从购物车中删除商品以及计算购物车总价的功能。 4. 商品分类功能：使用JavaScript实现商品按照不同的分类进行展示和筛选的功能，用户可根据关键词或者商品分类进行搜索和筛选。 5. 订单生成功能：用户通过JavaScript选择购物车中的商品并生成订单，包括生成订单号、选择支付方式、填写收货地址等。 6. 后台管理功能：设计一个简易的后台管理系统，后台管理人员可以通过JavaScript在网页上查看和修改商品信息，包括商品名称、价格、库存等，并管理用户的注册信息和订单信息。 总之，使用JavaScript设计一个简易的在线购物网站，需要实现用户注册和登录功能、商品展示功能、购物车功能、商品分类功能、订单生成功能和后台管理功能。为了实现这些功能，可以结合使用HTML、CSS和JavaScript技术。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值