jQuery实现加入收藏夹功能(主流浏览器兼职)


Posted in Javascript onDecember 24, 2016

关于“加入收藏”的代码,很多人都不会重视,一般情况是随便在网上搜一个代码放在页面里就草草了事了。可是都没有做到主流浏览器的兼容。下面分享一段使用 jQuery 实现加入收藏夹的功能。

<a id="addcollect" href="#">加入收藏夹</a>
$(document).ready(function() {
  $("#addcollect").click(function() {
    var ctrl = (navigator.userAgent.toLowerCase()).indexOf('mac') != -1 ? 'Command/Cmd': 'CTRL';
    if (document.all) {
      window.external.addFavorite('http://www.baidu.com', '前端笔记')
    } else if (window.sidebar) {
      window.sidebar.addPanel('前端笔记', 'http://www.baidu.com', "")
    } else {
      alert('您可以尝试通过快捷键' + ctrl + ' + D 加入到收藏夹~')
    }
  })
});

以上所述是小编给大家介绍的jQuery实现加入收藏夹功能(主流浏览器兼职),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
一行代码告别document.getElementById
Jun 01 Javascript
阻止子元素继承父元素事件具体思路及实现
May 02 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
Apr 27 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
Aug 25 Javascript
jQuery 特性操作详解及实例代码
Sep 29 Javascript
angularjs2中父子组件的数据传递的实例代码
Jul 05 Javascript
浅谈jQuery框架Ajax常用选项
Jul 08 jQuery
Angular在模板驱动表单中自定义校验器的方法
Aug 09 Javascript
基于vue.js 2.x的虚拟滚动条的示例代码
Jan 23 Javascript
微信小程序商品详情页的底部弹出框效果
Nov 16 Javascript
JavaScript setInterval()与setTimeout()计时器
Dec 27 Javascript
JavaScript onclick事件使用方法详解
May 15 Javascript
JS绘制微信小程序画布时钟
Dec 24 #Javascript
jQuery弹出窗口打开链接的实现代码
Dec 24 #Javascript
DropDownList控件绑定数据源的三种方法
Dec 24 #Javascript
Bootstrap源码学习笔记之bootstrap进度条
Dec 24 #Javascript
js addDqmForPP给标签内属性值加上双引号的函数
Dec 24 #Javascript
Bootstrap php制作动态分页标签
Dec 23 #Javascript
前端JS面试中常见的算法问题总结
Dec 23 #Javascript
You might like
使用apache模块rewrite_module (转)
2007/02/14 PHP
深入解析PHP 5.3.x 的strtotime() 时区设定 警告信息修复
2013/08/05 PHP
php将日期格式转换成xx天前的格式
2015/04/16 PHP
PHP文件上传处理案例分析
2016/10/15 PHP
yii2中dropDownList实现二级和三级联动写法
2017/04/26 PHP
js常用代码段整理
2011/11/30 Javascript
jQuery父级以及同级元素查找介绍
2013/09/04 Javascript
js判断页面中是否有指定控件的简单实例
2014/03/04 Javascript
Ajax中解析Json的两种方法对比分析
2015/06/25 Javascript
javascript实现图片延迟加载方法汇总(三种方法)
2015/08/27 Javascript
AngularJS基础 ng-focus 指令简单示例
2016/08/01 Javascript
JS实现简单的天数计算器完整实例
2017/04/28 Javascript
Express系列之multer上传的使用
2017/10/27 Javascript
jQuery中内容过滤器简单用法示例
2018/03/31 jQuery
vue自定义filters过滤器
2018/04/26 Javascript
JavaScript设计模式之构造函数模式实例教程
2018/07/02 Javascript
Angular4.x Event (DOM事件和自定义事件详解)
2018/10/09 Javascript
JavaScript中concat复制数组方法浅析
2019/01/20 Javascript
Vue传参一箩筐(页面、组件)
2019/04/04 Javascript
javascript function(函数类型)使用与注意事项小结
2019/06/10 Javascript
vue-cli3.X快速创建项目的方法步骤
2019/11/14 Javascript
vue实现简易计算器功能
2021/01/20 Vue.js
[02:43]中国五虎出征TI3视频
2013/08/02 DOTA
python检测服务器是否正常
2014/02/16 Python
python通过装饰器检查函数参数数据类型的方法
2015/03/13 Python
python编程嵌套函数实例代码
2018/02/11 Python
python 实现登录网页的操作方法
2018/05/11 Python
python安装pywin32clipboard的操作方法
2019/01/24 Python
python3实现表白神器
2019/04/09 Python
利用Django模版生成树状结构实例代码
2019/05/19 Python
Perfume’s Club中文官网:西班牙美妆在线零售品牌
2020/08/24 全球购物
异步传递消息系统的作用
2016/05/01 面试题
会计与出纳自荐书范文
2014/03/16 职场文书
教师正风肃纪剖析材料
2014/10/20 职场文书
2015年见习期个人工作总结
2015/05/28 职场文书
Redis实战高并发之扣减库存项目
2022/04/14 Redis