用JavaScript实现加入书签/收藏本页功能 addBookmark(url, title)

最新推荐文章于 2024-05-01 19:01:47 发布

sfwgho

最新推荐文章于 2024-05-01 19:01:47 发布

阅读量8.9k

点赞数 1

分类专栏： Web Front-End Snippet 文章标签：收藏本页 javascript chrome firefox mozilla

Web Front-End 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

Snippet

1 篇文章 0 订阅

订阅专栏

转载请注明出处：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>

sfwgho

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
用JavaScript实现加入书签/收藏本页功能 addBookmark(url, title)

转载请注明出处：http://blog.csdn.net/u012124764/article/details/50100313 原文：http://buffernow.com/create-bookmark-link-using-javascript/这篇文章是关于如何给博客或者网站添加加入书签/收藏本页功能，以下代码支持的浏览器有 IE, Mozilla Firefox 和 Opera
复制链接

扫一扫