Question

我正在寻找的是onunload或onbeforeunload函数及其工作原理的一个简单示例。我主要是在寻找它在html代码中的位置以及如何为它引用javascript。这似乎不是一项艰巨的任务，但我还没有找到可以证明这一点的互联网上的任何内容。

Answer 1

有时我会使用beforeunload来重置浏览器的滚动位置。我不会内联应用它 - 将视图与逻辑分开会更好。如果它是一个网站或一个小应用程序，我将我的所有事件放在文件的底部，然后我有一个应用程序Object，其方法可以帮助我保持一切有组织和惯用。

var foo = function(){};
    var app = {
      ready: function (){
           foo();
       },
      load: function(){},   
      beforeunload: function() {
          $(window).scrollTop(0);
          // return nothing to stop 'default alert'
          return;
       } 

    }

$(document).on('ready', app.ready);
$(window).on('beforeunload', app.beforeunload);

Answer 2

这只会像你的身体标签一样进入

<script type="text/javascript">
     function myBeforeUnloadFunction() {
          return "Write something here";
     }
     function myUnloadFunction() {
           alert("Bye"); //onunload doesn't work the same in all browsers
     }
</script>
<body onunload="myUnloadFunction()" onbeforeunload="return myBeforeUnloadFunction()">

如何使用onunload或onbeforeunload？

2 个答案: