精华内容
下载资源
问答
  • function bindunbeforunload(){  window.onbeforeunload=perforresult;  //window.onbeforeunload 表示.用户关闭浏览器或者是当前网页前执行操作.... 当页面关闭时操作内容  如   return 信息;

    <script type="text/javascript" language="javascript">
    function bindunbeforunload(){
       window.οnbefοreunlοad=perforresult;
       //window.onbeforeunload 表示.用户关闭浏览器或者是当前网页前执行的操作.或者刷新当前页面时
    }
    function perforresult(){
       当页面关闭时操作的内容
       如 
       return 信息;
       AJAX 写入数据信息;
       设置cookies值等等.
    }
    </script>
     
    如何使用:
    然后在Body 标签 onLoad 事件中加入<body οnlοad="javascript:bindunbeforunload();">
    或window.onload = function(){

    其他操作
    bindunbeforunload();
    }

    展开全文
  • 用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用程序。 注意:不同浏览器对onunload事件支持不同。 如下代码,退出页面时,弹出对话框“您确定离开该网页吗?”。 ...


    卸载事件(onunload)

    当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。

    注意:不同浏览器对onunload事件支持不同。

    如下代码,当退出页面时,弹出对话框“您确定离开该网页吗?”。

    运行结果:(IE浏览器)

     

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title> 卸载事件 </title>
    <script type="text/javascript">   
         window.onunload = onunload_message;   
         function onunload_message(){   
            alert("您确定离开该网页吗?");   
        }   
    </script>   
    </head>
    <body>
      欢迎学习JavaScript。
    </body>
    </html>



    展开全文
  • 有一个需求,用户在页面中进行刷新和关闭页面的时候显示一个弹框提示用户功能。 于是自己就想到onbeforeunload、onunload、...onbeforeunload:在页面刷新和关闭的时候触发事件,表示正要去服务器读 取新的页面

    原文:https://segmentfault.com/q/1010000007685607

    有一个需求,当用户在页面中进行刷新和关闭页面的时候显示一个弹框提示用户功能。
    于是自己就想到onbeforeunload、onunload、onload这几个事件,但是在使用的过程中有种心累的感觉。。。
    onbeforeunload:在页面刷新和关闭的时候触发事件,表示正要去服务器读 取新的页面时调用,此时还没开始读取,
    onunload:则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。
    onload就不用说了
    onbrforeunload和onunload都会在刷新和关闭页面是触发,但是onbeforeunload在onunload之前执行,并且它还可以阻止onunload的执行。那么在页面刷新时执行顺序就是onbeforeunload、onunload、onload
    但是在使用的过程中,自己深深的踩了一个坑
    首先是是兼容性的问题:
    正如你看到的菜鸟教程和w3c上的介绍是多么的赏心悦目

    但是现实总是残酷的,onbeforeunload事件在ie和谷歌中都没有问题,但是在火狐中却没有任何反应,代码如下:

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script src="cookie.js"></script>
        <script>
            //这个在火狐下不起作用 
            window.onbeforeunload=function(e){
                return "我在这写点东西";
            }
            window.onunload=function(){
                alert("离开")
            }
            window.onload=function(){
                  alert("加载完成");
            }
        </script>
        
    </head>
    <body>
        
    </body>
    </html>

    onbeforeunload中的return是自定义提示信息,并且如果没有return在谷歌中是不会有反应,ie则不会出现这个情况。
    onunload事件也只有在ie中才起作用,在其他浏览器中也没有反应。
    不知道哪位大神可以解答一下,怎么解决这些问题(百度找了好多,都是一些没有用的方法...)

    展开全文
  • js的页面加载事件页面卸载事件

    千次阅读 2018-03-30 22:03:24
    (1)页面加载事件onload():当页面载入完毕后执行Javascript代码。 浏览器支持: (2)页面卸载事件onunload(): onunload 事件在用户退出页面时发生。 onunload 发生于当用户离开页面时发生的事件(通过...

    (1)页面加载事件onload():当页面载入完毕后执行Javascript代码。

    浏览器支持:


    (2)页面卸载事件onunload():

    onunload 事件在用户退出页面时发生。

    onunload 发生于当用户离开页面时发生的事件(通过点击一个连接,提交表单,关闭浏览器窗口等等。)

    浏览器支持:

    【范例】在页面载入完毕时提示"请问要将此页面设置为主页吗?",退出页面时弹出"再见"。

    <!DOCTYPE html>
    <html>
    <head>
    <title>JavaScript</title>
    	<script type="text/javascript">
    		function loadHandle(){
    			alert("请问要将此页面设置为主页吗?");
    		}
    		function closeHandle(){
    			alert("再见!");
    		}
    	</script>
    </head>
    <body οnlοad="loadHandle()" οnunlοad="closeHandle()">
    	
    </body>
    </html>
    【运行效果】

    打开页面时:

    退出页面时:


    展开全文
  • 窗口即将被卸载(关闭)时,会触发该事件.此时页面文档依然可见,且该事件的默认动作可以被取消。 事件创建 <body onbeforeunload="fun()"></body> window.onbeforeunload=function(){fun();}; window....
  • 这里说道的离开一个网页,其实分为好几种情况:刷新 关闭 后退我们经常用到页面关闭事件onbeforeunload,可以给用户一个选择放弃关闭的机会,就比如这个博客编辑器。如果用户选择了离开,那么onunload事件自然会触发...
  • js 事件

    2019-09-15 09:54:10
    用户进入页面,而且所用页面元素完成加载时就会触发这个事件(最典型是广告弹窗) 原生onload()事件只会触发一次 2.onunload事件 用户关闭窗口时触发这个事件 3.onbeforeunload onbefor...
  • JS常用的事件

    2016-11-17 22:29:00
    当页面关闭时触发 onblur 失去焦点时触发 onfocus 获得焦点时触发 onclick 单击时触发 onmouseover 鼠标悬浮时触发 onmouseout 鼠标离开时触发 onmousedo...
  • 利用js实现页面关闭时发送http请求

    千次阅读 2019-01-03 18:49:06
    最近在做项目时候,有这样一个功能,用户在填写表单之后,或是填写了部分表单,但并没有点击提交,而且是离开了页面,这时需要前端做一个事,就是发个请求到后端保存用户填写表单数据。 一、在做这件事件...
  • js实现jsp中关闭当前页面方法

    千次阅读 2016-08-31 18:43:49
    在jsp中button按钮添加如下事件时,如果在PC端打开,可实现关闭当前页面的功能 function myclose() {  if (confirm("您确定要退出报名系统吗?")) {  window.opener = null;  window.open('', '_top', ...
  • js设置一个倒计时变量,监听到keydown、mousemove、mousedown等事件时,重置倒计时; 若倒计时变量走到0时,触发相应事件。 3、代码实现 jq代码: /* 30分钟没有操作调回登录界面 creat@date 2018-7-4 by 段凯 ...
  • [JS]事件

    2020-11-23 11:03:13
    事件 描述 onload onload 事件会在页面或... onunload 发生于用户离开页面时发生的事件(通过点击一个连接,提交表单,关闭浏览器窗口等等。) 注意: onunload 事件同样触发了页面载入事件(...
  • js冒泡事件处理

    2018-11-16 15:22:39
    页面上如果设定有多个节点嵌套,在节点之间就建立了父子节点关系,如果父子节点同时加入onclick事件,触发子节点的事件时父节点的事件也会被触发。这样会形成页面事件的多层并发,导致了页面的混乱。解决这个问题...
  • onbeforeunload与onunload事件都是离开当前页面或者刷新页面时执行; 这两个函数都必须有返回值,可以是一个函数或者字符串, onbeforeunload用法: window.onbeforeunload=function(){  return fn(); }; ...
  • js 离开页面

    2017-12-07 11:36:00
     大家是否经常遇到在关闭网页时候,会看到一个确定是否离开当前页面的提示框?想一些在线测试系统、信息录入系统等就经常会有这一些提示,避免用户有意或者无意中关掉了页面,导致数据丢失。这里面实现过程很...
  • 我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作需求,那在代码中怎样监听点击微信、支付宝、百度糯米、百度钱包等app返回按钮或者...
  • 我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作需求,那在代码中怎样监听点击微信、支付宝、百度糯米、百度钱包等app返回按钮或者...
  • 最常见用例是你想通过点击关闭一个下拉框或对话框时。这是一个必不可少包,几乎在我构建每个应用中都会用到。首选:vue-clickaway我通常会将它安装在 main.js 中,以便在我应用程序中使用。如果你只在一个...
  • 大家是否经常遇到在关闭网页时候,会看到一个确定是否离开当前页面的提示框?想一些在线测试系统、信息录入系统等就经常会有这一些提示,避免用户有意或者无意中关掉了页面,导致数据丢失。这里面实现过程很简单...
  • 需求背景 ...既然已经完成支付了,那么在用户点击返回...js里面有一个popstate事件当页面返回时会触发这样一个事件。微信支付宝里,直接监听该事件,在返回按钮点击时,并不能真正触发popstate事件。需要通过pu...
  • 我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作需求,那在代码中怎样监听点击微信、支付宝、百度糯米、百度钱包等app返回按钮或者...
  • JS页面上创建元素

    2020-03-13 17:57:37
    默认情况下,页面加载会形成一个文档流,当页面所有内容加载完毕之后,这个文档流(默认文档流)就会关闭, 当触发某个事件,调用document.write向页面添加内容时候,就会形成新文档流,就会覆盖原本页面内容....
  • 1.需求 vue中需要嵌入iframe 地址是第三方 iframeh中页面点击时候.vue需要监控到这个事件将本页面关闭.代码中 js 发送和接收方法 //vue组件中是个弹框 <template> <el-dialog title="编辑" :...
  • 在这一步,实例已完成以下配置:数据观测 (data observer),property 和方法运算,watch/event 事件回调。然而,挂载阶段还没开始,$el property 目前尚不可用。 created():在创建vue对象时,html渲染之前就...
  •  大家是否经常遇到在关闭网页时候,会看到一个确定是否离开当前页面的提示框?想一些在线测试系统、信息录入系统等就经常会有这一些提示,避免用户有意或者无意中关掉了页面,导致数据丢失。这里面实现过程很...

空空如也

空空如也

1 2 3 4 5 ... 7
收藏数 124
精华内容 49
关键字:

当页面关闭的事件js