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 相关文章推荐
从阿里妈妈发现的几个不错的表单验证函数
Sep 21 Javascript
Javascript 学习书 推荐
Jun 13 Javascript
在网页中使用document.write时遭遇的奇怪问题
Aug 24 Javascript
input输入框的自动匹配(原生代码)
Mar 19 Javascript
javascript与有限状态机详解
May 08 Javascript
实例讲解jquery中mouseleave和mouseout的区别
Feb 17 Javascript
基于JQuery实现图片上传预览与删除操作
May 24 Javascript
使用JS动态显示文本
Sep 09 Javascript
详解Node.js利用node-git-server快速搭建git服务器
Sep 27 Javascript
JS实现简单省市二级联动
Nov 27 Javascript
JavaScript实现简单的计算器
Jan 16 Javascript
微信小程序实现列表的横向滑动方式
Jul 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
PHP4.04简明安装
2006/10/09 PHP
PHP中函数内引用全局变量的方法
2008/10/20 PHP
PHP echo,print,printf,sprintf函数之间的区别与用法详解
2013/11/27 PHP
Vagrant(WSL)+PHPStorm+Xdebu 断点调试环境搭建
2019/12/13 PHP
最新优化收藏到网摘代码(digg,diigo)
2007/02/07 Javascript
Firefox和IE浏览器兼容JS脚本写法小结
2008/07/07 Javascript
Extjs Ajax 乱码问题解决方案
2009/04/15 Javascript
仅Firefox中链接A无法实现模拟点击以触发其默认行为
2011/07/31 Javascript
artdialog的图片/标题以及关闭按钮不显示的解决方法
2013/06/27 Javascript
JavaScript中对象介绍
2014/12/31 Javascript
js实现精美的图片跟随鼠标效果实例
2015/05/16 Javascript
基于touch.js手势库+zepto.js插件开发图片查看器(滑动、缩放、双击缩放)
2016/11/17 Javascript
微信小程序request请求后台接口php的实例详解
2017/09/20 Javascript
vue.js开发实现全局调用的MessageBox组件实例代码
2017/11/22 Javascript
layui动态渲染生成select的option值方法
2019/09/23 Javascript
react组件基本用法示例小结
2020/04/27 Javascript
python中getaddrinfo()基本用法实例分析
2015/06/28 Python
解决python2.7 查询mysql时出现中文乱码
2016/10/09 Python
浅谈django rest jwt vue 跨域问题
2018/10/26 Python
pandas中ix的使用详细讲解
2020/03/09 Python
Python HTMLTestRunner如何下载生成报告
2020/09/04 Python
HTML5中判断横屏竖屏的方法(移动端)
2016/08/04 HTML / CSS
Html5饼图绘制实现统计图的方法
2020/08/05 HTML / CSS
MADE荷兰:提供原创设计师家具
2018/04/03 全球购物
屈臣氏官方旗舰店:亚洲享负盛名的保健及美妆零售商
2019/03/15 全球购物
洛杉矶时尚女装系列:J.ING US
2019/03/17 全球购物
新加坡一家在线男士皮具品牌:Faire Leather Co.
2019/12/01 全球购物
美国球迷装备的第一来源:FOCO
2020/07/03 全球购物
DataList 能否分页,请问如何实现?
2015/05/03 面试题
音乐表演专业毕业生求职信
2013/10/14 职场文书
疾病防治方案
2014/05/31 职场文书
关于上班时间调整的通知
2015/04/23 职场文书
MySQL空间数据存储及函数
2021/09/25 MySQL
vue实现可以快进后退的跑马灯组件
2022/04/08 Vue.js
Python几种酷炫的进度条的方式
2022/04/11 Python
前端框架ECharts dataset对数据可视化的高级管理
2022/12/24 Javascript