javascript实现简单的收藏功能

最新推荐文章于 2019-07-16 11:52:31 发布

原创最新推荐文章于 2019-07-16 11:52:31 发布 · 3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript实现简单的收藏 ja

jquery小实例专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何使用原生JavaScript实现一个简单的收藏功能。当用户点击页面上的收藏按钮时，该功能将把当前网址保存到浏览器的收藏夹，以便用户方便地在将来访问。由于没有找到合适的jQuery插件，作者选择编写兼容各种浏览器的JavaScript代码，虽然过程有些复杂，但最终实现了所需的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想用js实现一个简单的收藏功能：点击页面上的一个收藏按钮，然后就会收藏网址到收藏夹，以便于下次快捷查看。

最开始的时候打算找一下jquery插件，找了半天没找到，哎，自己写原生的js代码实现兼容各个浏览器的js代码感觉有点蛋疼，还是简单的搞一下吧。

$(".scollect").click(function(){
    var ctrl=(navigator.userAgent.toLowerCase()).indexOf('mac')!=-1?'Command/Cmd': 'CTRL';

    try{
        window.external.addFavorite($(".shostCopy").attr('copyUrl'), $(this).attr('collectName'));
    }catch (e){
        try{
            window.sidebar.addPanel($(this).attr('collectName'), $(".shostCopy").attr('copyUrl'), "");
        }catch (e){
            alert('您可以先复制然后通过快捷键' + ctrl + ' + D 加入到收藏夹');
        }
    }


})