javascript实现网站加入收藏功能


Posted in Javascript onDecember 16, 2015

本文为大家分享了三段javascript实现网站加入收藏功能的代码,具体内容如下

第一种情况:可兼容所有浏览器的加入收藏代码原理:根据获取用户navigator.userAgent.toLowerCase()信息来判断浏览器,根据浏览器是否支持加入收藏js命令,如果可以自动收藏否则就提示ctrl+D手动收藏了。
代码如下:

function addFavorite2() {
var url = window.location;
var title = document.title;
var ua = navigator.userAgent.toLowerCase();
if (ua.indexOf("360se") > -1) {
alert("由于360浏览器功能限制,请按 Ctrl+D 手动收藏!");
}
else if (ua.indexOf("msie 8") > -1) {
window.external.AddToFavoritesBar(url, title); //IE8
}
else if (document.all) {
try{
window.external.addFavorite(url, title);
}catch(e){
alert('您的浏览器不支持,请按 Ctrl+D 手动收藏!');
}
}
else if (window.sidebar) {
window.sidebar.addPanel(title, url, "");
}
else {
alert('您的浏览器不支持,请按 Ctrl+D 手动收藏!');
}
}

复制代码保存成js文件,然后在要收藏的地方加上
代码如下

<a href=# onclick="javascript:addFavorite2()">加入收藏</a>

第二种情况:js代码实现设为首页并加入收藏

// JavaScript Document
// 加入收藏 <a onclick="AddFavorite(window.location,document.title)">加入收藏</a>

function AddFavorite(sURL, sTitle)
{
  try
  {
    window.external.addFavorite(sURL, sTitle);
  }
  catch (e)
  {
    try
    {
      window.sidebar.addPanel(sTitle, sURL, "");
    }
    catch (e)
    {
      alert("加入收藏失败,请使用Ctrl+D进行添加");
    }
  }
}
//设为首页 <a onclick="SetHome(this,window.location)">设为首页</a>
function SetHome(obj,vrl){
    try{
        obj.style.behavior='url(#default#homepage)';obj.setHomePage(vrl);
    }
    catch(e){
        if(window.netscape) {
            try {
                netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
            }
            catch (e) {
                alert("此操作被浏览器拒绝!\n请在浏览器地址栏输入“about:config”并回车\n然后将 [signed.applets.codebase_principal_support]的值设置为'true',双击即可。");
            }
            var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
            prefs.setCharPref('browser.startup.homepage',vrl);
         }
    }
}

使用

<a href="#" onclick="SetHome(this,window.location)" >设为首页</a>
<a href="#"  onclick="AddFavorite(window.location,document.title)" >收藏本站</a>

第三种情况:js添加收藏代码

很多网站为了聚集用户和维持流量都有"设为首页","添加收藏"等按钮,js添加收藏代码如下:

<script>
function addfavorite()
{
  if (document.all)
  {
   window.external.addFavorite('https://3water.com','三水点靠木');
  }
  else if (window.sidebar)
  {
   window.sidebar.addPanel('三水点靠木', 'https://3water.com', "");
  }
} 
</script>
<body>
<a href="#" onclick="addfavorite()">加入收藏!</a>

结果测试:该代码对IE6+,和FireFox均有效,Chrome无效!

以上就是js代码实现设为首页并加入收藏功能,希望大家喜欢。

Javascript 相关文章推荐
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
Sep 16 Javascript
极易被忽视的javascript面试题七问七答
Feb 15 Javascript
jQuery基于BootStrap样式实现无限极地区联动
Aug 26 Javascript
Node.js批量给图片加水印的方法
Nov 15 Javascript
微信小程序 PHP后端form表单提交实例详解
Jan 12 Javascript
JavaScript数据结构之二叉树的查找算法示例
Apr 13 Javascript
Vue+webpack项目基础配置教程
Feb 12 Javascript
JS实现的类似微信聊天效果示例
Jan 29 Javascript
postman自定义函数实现 时间函数的思路详解
Apr 17 Javascript
Vue 数组和对象更新,但是页面没有刷新的解决方式
Nov 09 Javascript
jquery将信息遍历到界面上实例代码
Jan 21 jQuery
基于JavaScript实现年月日三级联动
Jun 22 Javascript
javascript实现无缝上下滚动特效
Dec 16 #Javascript
js实现将选中内容分享到新浪或腾讯微博
Dec 16 #Javascript
JavaScript运行过程中的“预编译阶段”和“执行阶段”
Dec 16 #Javascript
Sublime Text 3常用插件及安装方法
Dec 16 #Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
Dec 16 #Javascript
基于JavaScript获取鼠标位置的各种方法
Dec 16 #Javascript
javascript基于prototype实现类似OOP继承的方法
Dec 16 #Javascript
You might like
搜索引擎技术核心揭密
2006/10/09 PHP
关于JavaScript的gzip静态压缩方法
2007/01/05 Javascript
Add a Table to a Word Document
2007/06/15 Javascript
JS 分号引起的一段调试问题
2009/06/18 Javascript
javascript学习笔记(十二) RegExp类型介绍
2012/06/20 Javascript
javascript跑马灯悬停放大效果实现代码
2012/12/12 Javascript
js中复制行和删除行的操作实例
2013/06/25 Javascript
JS图片根据鼠标滚动延时加载的实例代码
2013/07/13 Javascript
js获取location.href的参数实例代码
2013/08/02 Javascript
js转义字符介绍
2013/11/05 Javascript
Node.js抓取中文网页乱码问题和解决方法
2015/02/10 Javascript
javascript实现跨域的方法汇总
2015/06/25 Javascript
Bootstrap栅格系统学习笔记
2016/11/25 Javascript
jquery uploadify如何取消已上传成功文件
2017/02/08 Javascript
Vue+axios 实现http拦截及路由拦截实例
2017/04/25 Javascript
js实现简易聊天对话框
2017/08/17 Javascript
Vue动态组件和异步组件原理详解
2019/05/06 Javascript
Vue.js 中制作自定义选择组件的代码附演示demo
2020/02/28 Javascript
在Vue中使用HOC模式的实现
2020/08/23 Javascript
Python __setattr__、 __getattr__、 __delattr__、__call__用法示例
2015/03/06 Python
Python selenium如何设置等待时间
2016/09/15 Python
Python中创建字典的几种方法总结(推荐)
2017/04/27 Python
Python中django学习心得
2017/12/06 Python
Django基础知识 URL路由系统详解
2019/07/18 Python
Python递归及尾递归优化操作实例分析
2020/02/01 Python
Python并发爬虫常用实现方法解析
2020/11/19 Python
做一个能自适应高度的textarea的示例代码
2019/09/06 HTML / CSS
印尼购物网站:iLOTTE
2019/10/16 全球购物
聚网科技C++面试笔试题
2015/09/01 面试题
介绍一下Linux文件的记录形式
2012/04/18 面试题
金属材料工程毕业生个人的自我评价
2013/11/28 职场文书
光盘行动倡议书
2014/02/02 职场文书
开展批评与自我批评发言材料
2014/05/15 职场文书
环境保护与污染治理求职信
2014/07/16 职场文书
九华山导游词
2015/02/03 职场文书
redis实现共同好友的思路详解
2021/05/26 Redis