jQuery unload()方法

jQuery中的unload()方法是用来执行卸载事件的，当用户试图离开当前的网页时，该事件可以在用户改变页面的动态状态时被触发，例如用户点击链接离开页面，在地址栏中输入了一个新的URL等，unload方法应该只用于窗口对象。
它规定了当卸载事件发生时将会发生什么。

语法:

$(selector).unload(function)

参数该方法只接受一个和必要的参数，描述如下。

function。这是一个必要参数，用于指定卸载事件触发时要运行的函数。

例子-1：这个例子描述了当你点击链接时触发卸载事件的情况。

<!DOCTYPE html>
<html>
  
<head>
    <title>
        jQuery unload() Method
    </title>
  
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
</head>
  
<body style="text-align:center;">
    <br/>
    <br/>
    <br/>
    <h1 style="color:green;">   
        GeeksForGeeks   
    </h1>
  
    <p>When you click
      <a href="https://ide.geeksforgeeks.org">
        Go to geeks</a>, or close the window,
      an alert box will be triggered.</p>
  
    <!-- Script to illustrates unload() method -->
    <script>
         $(document).ready(function() {$ (window).unload(function() {
                alert("you are leaving from page");
            });
        });
    </script>
</body>
  
</html>

输出:

在点击任何地方之前。
在点击链接后或试图离开页面时

例子-2：这个例子描述了当你点击链接时触发卸载事件的情况。

<!DOCTYPE html>
<html>
  
<head>
    <title>
        jQuery unload() Method
    </title>
  
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
  
    <style>
        h1 {
            border: 1px solid black;
            height: 100px;
            padding-top: 35px;
            background: green;
            color: white;
        }
    </style>
</head>
  
<body style="text-align:center;">
  
    <h1>GeeksForGeeks</h1>
  
    <!-- Script to illustrates unbind() method -->
    <script>
         $(document).ready(function() {$ (window).unload(function() {
                alert("you are leaving from page");
            });
        });
    </script>
    <p>When you click <a href=
    "https://ide.geeksforgeeks.org">GeeksForGeeks</a>,
   or close the window, an alert box will be triggered.</p>
  
</body>
  
</html>

输出: