轉載請註明出處:http://blog.csdn.net/u012124764/article/details/50100313
原文:http://buffernow.com/create-bookmark-link-using-javascript/
這篇文章是關於如何給博客或者網站添加 加入書籤/收藏本頁 功能,以下代碼支持的瀏覽器有 IE, Mozilla Firefox 和 Opera(注:Chrome和Safari出於安全考慮,不支持通過JavaScript添加書籤,必須按Ctrl+D/Command+D/Ctrl+B手動添加)
addBookmark(url, title)
function addBookmark(url, title){
if (!url) {url = window.location}
if (!title) {title = document.title}
var browser=navigator.userAgent.toLowerCase();
if (window.sidebar) { // Mozilla, Firefox, Netscape
window.sidebar.addPanel(title, url,"");
} else if( window.external) { // IE or chrome
if (browser.indexOf('chrome')==-1){ // ie
window.external.AddFavorite( url, title);
} else { // chrome
alert('Please Press CTRL+D (or Command+D for macs) to bookmark this page');
}
}
else if(window.opera && window.print) { // Opera - automatically adds to sidebar if rel=sidebar in the tag
return true;
}
else if (browser.indexOf('konqueror')!=-1) { // Konqueror
alert('Please press CTRL+B to bookmark this page.');
}
else if (browser.indexOf('webkit')!=-1){ // safari
alert('Please press CTRL+B (or Command+D for macs) to bookmark this page.');
} else {
alert('Your browser cannot add bookmarks using this link. Please add this link manually.')
}
}
可以通過按鈕或鏈接來調用以上代碼:
通過按鈕調用
<input type="button" value="bookmark me"
onclick="addBookmark('http://buffernow.com','buffer now');"/>
通過鏈接調用
<a href="#" onclick="addBookmark('http://buffernow.com','buffer now')">收藏本頁</a>
完整的HTML代碼如下:
<html>
<head> <script type="text/javascript">
function addBookmark(url, title){
if (!url) {url = window.location}
if (!title) {title = document.title}
var browser=navigator.userAgent.toLowerCase();
if (window.sidebar) { // Mozilla, Firefox, Netscape
window.sidebar.addPanel(title, url,"");
} else if( window.external) { // IE or chrome
if (browser.indexOf('chrome')==-1){ // ie
window.external.AddFavorite( url, title);
} else { // chrome
alert('Please Press CTRL+D (or Command+D for macs) to bookmark this page');
}
}
else if(window.opera && window.print) { // Opera - automatically adds to sidebar if rel=sidebar in the tag
return true;
}
else if (browser.indexOf('konqueror')!=-1) { // Konqueror
alert('Please press CTRL+B to bookmark this page.');
}
else if (browser.indexOf('webkit')!=-1){ // safari
alert('Please press CTRL+B (or Command+D for macs) to bookmark this page.');
} else {
alert('Your browser cannot add bookmarks using this link. Please add this link manually.')
}
}
</script>
</head>
<body>
<input type="button" value="bookmark me"
onclick="addBookmark('http://buffernow.com', 'buffer Now');"/>
</body>
</html>