用jQuery實現簡單的加入收藏頁面的功能
阿新 • • 發佈:2019-01-05
原文地址:http://blog.csdn.net/newsxy/article/details/8692491
加入收藏功能是我們常見的功能,今天研究學習了一下,寫了一個簡單的例子,主要實現加入收藏的功能:
html程式碼如下:
<a href="#" id="favorites">收藏本頁</a>
jQuery程式碼如下:
$(document).ready(function(){
$("#favorites").click(function(){
var ctrl=(navigator.userAgent.toLowerCase()).indexOf('mac')!=-1?'Command/Cmd': 'CTRL';
if(document.all){
window.external.addFavorite('http://www.test.com', '網站名稱');
}
else if(window.sidebar){
window.sidebar.addPanel('網站名稱', 'http://www.test.com', "");
}
else{ alert('您可以通過快捷鍵' + ctrl + ' + D 加入到收藏夾');}
})
雖然實現了一些相容一些瀏覽器的功能,但是由於知識有限,可能還有許多不足的地方
加入收藏功能是我們常見的功能,今天研究學習了一下,寫了一個簡單的例子,主要實現加入收藏的功能:
html程式碼如下:
<a href="#" id="favorites">收藏本頁</a>
jQuery程式碼如下:
$(document).ready(function(){
$("#favorites").click(function(){
var ctrl=(navigator.userAgent.toLowerCase()).indexOf('mac')!=-1?'Command/Cmd': 'CTRL';
if(document.all){
window.external.addFavorite('http://www.test.com', '網站名稱');
}
else if(window.sidebar){
window.sidebar.addPanel('網站名稱', 'http://www.test.com', "");
}
else{ alert('您可以通過快捷鍵' + ctrl + ' + D 加入到收藏夾');}
})
})
或者:
// 收藏
function AddFavorite(sURL, sTitle) {
try {
window.external.addFavorite(sURL, sTitle);
} catch (e) {
try {
window.sidebar.addPanel(sTitle, sURL, "");
} catch (e) {
alert("加入收藏失敗,請使用Ctrl+D進行新增");
}
}
}