jQuery unload()方法

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>

输出:

  • 在点击任何地方之前。
    jQuery unload()方法
  • 在点击链接后或试图离开页面时
    jQuery unload()方法

例子-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>

输出:

  • 在点击任何地方之前。
    jQuery unload()方法
  • 在点击链接后或试图离开页面时
    jQuery unload()方法

注意:

  • unload事件的工作取决于浏览器。
  • unload()方法在3.0版本中被删除。
  • unload()方法在jQuery 1.8版本中被弃用。

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程