想用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 加入到收藏夹');}}})

.scollect为点击的元素,点击后弹出收藏夹,收藏当前页面url到收藏夹

javascript实现简单的收藏功能相关推荐

  1. 使用JavaScript实现简单的购物车功能

    使用JavaScript完成购物车功能 可以通过加入购物车按钮实现商品的添加,并且数量的加减.购物车中的删除都会进行商品库存的改变 <!DOCTYPE html> <html> ...

  2. 使用 JavaScript 实现简单候选项推荐功能(模糊搜索)【收藏】【转】

    当我们使用 Google 等搜索功能时,会出现与搜索内容有关的候选项.使用 JavaScript 搜索字符串,通常会使用 indexOf 或者 search 函数,但是非常僵硬,只能搜索匹配特定词语. ...

  3. 用浏览器收藏夹的书签保存javascript的简单脚本

    用浏览器收藏夹的书签保存javascript的简单脚本 之前一直好奇别人是如何保存常用的javascipt脚本的 油猴脚本,需要考虑整体的运行方式,有时还得专门写个按钮,需要一定基础 记事本保存,用的 ...

  4. html页面中加入评论功能,JavaScript实现简单评论功能

    本文实例为大家分享了JavaScript实现简单评论功能的具体代码,供大家参考,具体内容如下 body{ /*background-image: url(../img/91R58PIC3n2_1024 ...

  5. 收藏功能前端实现代码

    基于jQuery+Bootstrap+ajax+SSM 收藏功能前端实现 收藏功能需求 Bootstrap 下面直接贴下代码吧 代码解释 收藏功能需求 收藏功能需求:用户点击收藏按钮,前端通过一个五角 ...

  6. 收藏功能_微信强大的收藏功能,你们用了吗?

    在中国说到即时聊天工具,就得说到微信和QQ了,他们都是腾讯旗下的产品,今天麦叔要和大家聊的是微信,去年官方数据显示微信用户已超过10亿,庞大用户群体在使用它,但它的一些功能并不是每个人都会知道,今天麦 ...

  7. 如何仅使用HTML和JavaScript构建简单的URL缩短器

    by Palash Bauri 由Palash Bauri 如何仅使用HTML和JavaScript构建简单的URL缩短器 (How to build a simple URL shortener w ...

  8. 实现一个简单的投票功能

    实现一个简单的投票功能 最近项目中需要用到一个投票功能,当时觉得简单,向都没想就动手开始做,没想到走了不少弯路. 后来才发现,是想的太过简单了.来看看改进后的功能. 第一步:数据库设计 两个表:一个主 ...

  9. Javascript+PHP实现在线拍照功能 (转)

    Javascript+PHP实现在线拍照功能 我们在一些WEB应用中可能会遇到这样的情况,用户需要自己现场拍照并上传到会员系统.比如驾校采集指纹拍照流程.考试现场采集照片等.我们今天要讲的是如何使用j ...

最新文章

  1. 软件测试中7个令人匪夷所思的真理
  2. 娓娓道来!那些BERT模型压缩方法
  3. Docker批量操作容器
  4. MongoDB-JAVA-Driver 3.2版本常用代码全整理(2) - 查询
  5. python完全支持面向对象编程_Python 面向对象编程概要
  6. JavaScript:工具库MyTools.js(自用不断填充····)
  7. 群体智能优化算法之萤火虫群优化算法(Glowworm Swarm Optimization,GSO)
  8. linux网络子系统分析(四)—— INET连接建立API分析之connect/accept
  9. Java排序算法——插入排序
  10. html select 默认不选,解决设置select默认选中不生效的方法
  11. Python自学教程3-英语不好,变量怎么命名
  12. 对接海康人脸识别api接口之PHP案例
  13. 利用Python进行数据分析的学习笔记——chap12
  14. 和计算机相关的英文名字女孩,最好听的英文名字女孩
  15. srand c语言,C语言srand()rand()
  16. 四川阆中2021中学高考成绩查询入口,2021年四川高考体检报告结果查询时间及查询网址入口...
  17. BZOJ[1135][POI2009]Lyz 线段树
  18. pg数据库百分比处理
  19. 如何从TI官网下载芯片并生成库到Altium Designer
  20. RabbitMQ特殊应用

热门文章

  1. 【活动】云计算的优势与发展趋势
  2. Hacmp 5.1 配置手册---牛新庄(1)
  3. Nagios配置文件介绍
  4. Mac如何删除截图编辑器里的签名
  5. Android jni知识点
  6. 如何控制alert的换行
  7. 互联网凛冬,看大厂HR怎么说~
  8. photoshop初学视频_如何学习Photoshop的极客指南,第5部分:初学者照片编辑
  9. if函数写并列条件 sql,SQL中的if函数
  10. STM32上可用的的SM 2 3 4国密算法