jQuery load和unload函数使用
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery load和unload函数使用相关的知识，希望对你有一定的参考价值。
实例
当用户点击链接离开本页时，弹出一个消息框：
$(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 代码:
<b>jQuery Links:</b>
<ul id="links"></ul>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函数使用的主要内容，如果未能解决你的问题，请参考以下文章