方法一:

JS部分:

 1 function addFavorite(url,title){
 2          if(window.sidebar||window.opera)return true;
 3          try{
 4              window.external.AddFavorite(url,title);
 5          }
 6          catch(e){
 7              alert("请按下 Ctrl + D 键将本站加入收藏。");
 8          }
 9          return false;
10  }

HTML部分:

1 <a href="http://www.google.com" title="google" rel="sidebar" onclick="return addFavorite('http://www.google.com','Google');">
2                 加入收藏
3 </a> 

示例说明:

1 <a href="网址" title="网站名称" rel="sidebar" onclick="return addFavorite('网址','网站名称');">加入收藏</a>

兼容性:
    火狐,IE可以一键加入收藏夹,谷歌提示Ctrl+D手动加入收藏

另一个版本的JS,和上面的JS是相同的作用:

 1  var address = function (obj, url, title) {
 2          /*
 3           参考源文:http://www.never-online.net/blog/article.asp?id=108
 4           */
 5          var e = window.event || arguments.callee.caller.arguments[0];
 6
 7          var B = {
 8              IE : /MSIE/.test(window.navigator.userAgent) && !window.opera
 9              , FF : /Firefox/.test(window.navigator.userAgent)
10              , OP : !!window.opera
11              , Safari :navigator.userAgent.indexOf("Safari")>0
12          };
13
14          obj.onmousedown = null;
15
16          if (B.IE) {
17              //IE 浏览器,使用 window.external.AddFavorite 方法添加到收藏夹。
18              obj.attachEvent("onmouseup", function () {
19                  try {
20                      window.external.AddFavorite(url, title);
21                      window.event.returnValue = false;
22                  } catch (exp) {}
23              });
24          }else if (B.FF || obj.nodeName.toLowerCase() == "p") {
25              //Firefox 浏览器,使用 window.sidebar.addPanel 方法。
26              obj.setAttribute("rel", "sidebar"), obj.title = title, obj.href = url;
27          }else if (B.OP) {
28              //Opera 浏览器,可以给链接添加 title 和 rel 属性实现收藏功能(该方式也适合Firefox);其中 title 属性就是网站的名称,rel 设置为 slidebar。
29              var a = document.createElement("a");
30              a.rel = "sidebar", a.title = title, a.href = url;
31              obj.parentNode.insertBefore(a, obj);
32              a.appendChild(obj);
33              a = null;
34         }else if(B.Safari){
35             //Safari Chrome 浏览器目前未提供将页面添加到收藏夹接口。
36              alert("Ctrl+D手动收藏");
37          }
38      }; 

调用方式:

1 <a onMouseDown="address(this, 'http://www.never-online.net/', 'BlueDestiny前辈的BLOG')">添加</a>

示例说明:

1 <a onMouseDown="address(this, '网址', '网站名称')">添加火狐</a>

转载于:https://www.cnblogs.com/BaishangBloom/p/4642756.html

最简短的加入收藏代码相关推荐

  1. 设为首页加入收藏代码

    设为首页代码 1.图片链接 <a style="cursor:hand" οnclick="this.style.behavior='url(#default#ho ...

  2. 收藏本站html,加入收藏代码_加入收藏代码 -收藏本站的代码

    摘要 腾兴网为您分享:加入收藏代码 -收藏本站的代码,追书神器,智慧医疗,云端学习,央视影音等软件知识,以及workflow,电脑管家2017,自动考勤表,双录系统,国泰君安富易,佳缘佳信,谷歌浏览器 ...

  3. 用 Pinbox 轻松收藏代码,这就是我要的收藏工具

    看到一段代码,如何优雅的收藏起来以备后来查看,并且能轻松找到代码的出处呢? 以前都是笨拙的保存在本地很难管理,终于让我发现了一个神奇,简直是程序员的最爱,可以轻松收藏代码,并且支持高亮显示,完美的保持 ...

  4. 很实用的 “设为首页”与“加入收藏”代码

    设置为首页的方法为: <a href=# onClick="this.style.behavior='url(#default#homepage)';this.setHomePage( ...

  5. 加入收藏代码_100个原生JavaScript代码片段知识点详细汇总【实践】

    作者:小棋子js 转发链接:https://www.jianshu.com/p/b5171efa340f JavaScript 是目前最流行的编程语言之一,正如大多数人所说:"如果你想学一门 ...

  6. 教你设置淘宝店铺收藏代码

    各位亲们,淘宝排序更改了,是按人气排名了.所以收藏店铺也是排名靠前的一个因素啊,相信很多人都为自己店铺的收藏量而发愁吧,这里就给大家介绍一下,共同进步哦.你可以加入淘宝窝- http://u.taoq ...

  7. [PHP技术]“加入收藏”代码

    发现很多网站的"加入收藏"链接点击无效了,原因是IE浏览器和Firefox浏览器的"加入收藏夹"的写法是不同的. 1.IE浏览器加入收藏夹的代码 window. ...

  8. 转--发布js支持Firefox的加入收藏代码

    <script> function addfavorite() { if (document.all) { window.external.addFavorite('http://bbs. ...

  9. 网站“设为首页”代码,“加入收藏”代码

    <a href="#" class="word_white" οnclick="this.style.behavior='url(#defaul ...

  10. 动易CMS - 设为首页代码和加入收藏代码(兼容各种浏览器)

    注意: 这里虽然说是兼容,但是有些浏览器的设置就是不支持用js来把页面设为首页,加入收藏夹,只能让用户手动去在浏览器或者按键去设置这些功能,这里说的兼容是指当浏览器有这个设置的时候js会有提示.   ...

最新文章

  1. Ubuntu上安装gtk2.0不能安装的问题,“下列的软件包有不能满足的依赖关系”
  2. 基于iview 封装一个vue 表格分页组件
  3. Acwing -- 单调队列优化的DP问题
  4. php实现git服务器,如何搭建和配置Git服务器
  5. WMI介绍和应用查询硬件信息(硬盘信息、主板信息、BIOS信息、显示器信息、网络适配器、CPU信息)
  6. 红橙Darren视频笔记 点赞效果 动画练习
  7. Java学习笔记1.1.1 搭建Java开发环境 - Java概述
  8. java正立三角形_java for循环练习(9*9乘法表、正三角形、菱形)
  9. postgresql 配置redis_自建 Gitlab (邮箱配置、拆分 PostgreSQL、Redis) + 随想
  10. mysql+复制诊断_诊断Mysql复制问题
  11. 万物互联的根底就是嵌入式,小到智能手表,大到智能汽车,能落地的支撑之一就是嵌入式。
  12. 利用iMazing备份功能替换游戏存档
  13. jcr多久更新一次_sci分区什么时候更新
  14. 安全加密 - DEP, ASLR
  15. Backstepping反步法控制四旋翼无人机(一)
  16. C# 使用DirectX中的Device类实现3D渲染
  17. 带有同步更新新浪微博功能的个人日记应用
  18. 平面设计师怎么用栅格系统做好设计
  19. 服务器迁移域名和证书要改什么用,服务器数据迁移方案介绍 怎样更换网站域名?...
  20. iPad 使用技巧:虚拟键盘与实体键盘

热门文章

  1. 致远OA_0day批量植Cknife马一步到位
  2. 京东下单接口sdk java,Flutter 插件开发-接入京东SDK唤醒(ios篇)
  3. navicat连接mangoDB数据库并使用
  4. matlab 图线动画,Matlab绘制简单动画
  5. Gephi下载百度云加速,舒服了
  6. JDBC实战(一)JDBC概述
  7. 天壤联合创始人韩定一:大模型+小样本数据,AI驱动金融数字化转型新范式|量子位·视点分享回顾...
  8. 蓝牙音乐之AVRCP常用指令介绍
  9. 一个完整的c语言程序~~简单的实例
  10. java统计代码行数