实例当用户点击链接离开本页时,弹出一个消息框:
$(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!); } );
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函数使用的详细内容。