登录  /  注册
首页 > web前端 > js教程 > 正文

jQuery load和unload函数使用

巴扎黑
发布: 2017-06-29 10:39:08
原创
1936人浏览过

实例

当用户点击链接离开本页时,弹出一个消息框

$(window).unload(function(){
  alert("Goodbye!");
});
登录后复制

亲自试一试

定义和用法

当用户离开页面时,会发生 unload 事件。

具体来说,当发生以下情况时,会发出 unload 事件:

  • 点击某个离开页面的链接

  • 在地址栏中键入了新的 URL

  • 使用前进或后退按钮

  • 关闭浏览器

  • 重新加载页面

unload() 方法将事件处理程序绑定到 unload 事件。

unload() 方法只应用于 window 对象。

语法

event.unload(function)
登录后复制
参数 描述
function 必需。规定当触发 unload 事件时运行的函数。

 

 

 

jQuery load和unload函数使用

load(url, [data], [callback]) 载入远程 HTML 文件代码并插入至 DOM 中。默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。
有三个参数,分别是:
url —  (String) — 待装入 HTML 网页网址。
data (可选) — (Map,String) — 发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了。
callback (可选) — Callback载入成功时回调函数

示例 :

加载文章侧边栏导航部分至一个无序列表。
HTML 代码:
jQuery Links:

jQuery 代码:
$("#links").load("/Main_Page #p-Getting-Started li");

加载 feeds.html 文件内容。
jQuery 代码:
$("#feeds").load("feeds.html");

同上,但是以 POST 形式发送附加参数并在成功时显示信息。
jQuery 代码:
 $("#feeds").load("feeds.php", {limit: 25}, function(){
   alert("The last 25 entries in the feed have been loaded");
 });

unload(fn) 在每一个匹配元素的unload事件中绑定一个处理函数。
参数 :fn — Function在每一个匹配元素的unload事件中绑定的处理函数。

示例 : 页面卸载的时候弹出一个警告框:
jQuery 代码:
$(window).unload( function () { alert("Bye now!"); } );

 

 

load(url, [data], [callback]) 载入远程 HTML 文件代码并插入至 DOM 中。默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。
有三个参数,分别是:
url —  (String) — 待装入 HTML 网页网址。
data (可选) — (Map,String) — 发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了。
callback (可选) — Callback载入成功时回调函数。

示例 :

加载文章侧边栏导航部分至一个无序列表。
HTML 代码:
jQuery Links:

jQuery 代码:
$("#links").load("/Main_Page #p-Getting-Started li");

加载 feeds.html 文件内容。
jQuery 代码:
$("#feeds").load("feeds.html");

同上,但是以 POST 形式发送附加参数并在成功时显示信息。
jQuery 代码:
 $("#feeds").load("feeds.php", {limit: 25}, function(){
   alert("The last 25 entries in the feed have been loaded");
 });

unload(fn) 在每一个匹配元素的unload事件中绑定一个处理函数。
参数 :fn — Function在每一个匹配元素的unload事件中绑定的处理函数。

示例 : 页面卸载的时候弹出一个警告框:
jQuery 代码:
$(window).unload( function () { alert("Bye now!"); } );

以上就是jQuery load和unload函数使用的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号