用JavaScript實現加入書籤/收藏本頁功能 addBookmark(url, title)

轉載請註明出處: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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章