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 相关文章推荐
通过length属性判断jquery对象是否存在
Oct 18 Javascript
浅谈Javascript中匀速运动的停止条件
Dec 19 Javascript
javascript排序函数实现数字排序
Jun 26 Javascript
详解JS面向对象编程
Jan 24 Javascript
Vue.js实现一个SPA登录页面的过程【推荐】
Apr 29 Javascript
Angular4学习笔记之根模块与Ng模块
Sep 09 Javascript
vue+webpack中配置ESLint
Nov 07 Javascript
搭建基于express框架运行环境的方法步骤
Nov 15 Javascript
Three.js实现3D机房效果
Dec 30 Javascript
vue element-ui之怎么封装一个自己的组件的详解
May 20 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
Dec 04 Javascript
深入分析JavaScript 事件循环(Event Loop)
Jun 19 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
php中使用exec,system等函数调用系统命令的方法(不建议使用,可导致安全问题)
2012/09/07 PHP
CI框架网页缓存简单用法分析
2018/12/26 PHP
深入认识javascript中的eval函数
2009/11/02 Javascript
超越Jquery_01_isPlainObject分析与重构
2010/10/20 Javascript
jquery删除提示框弹出是否删除对话框
2014/01/07 Javascript
jquery选择器之基本过滤选择器详解
2014/01/27 Javascript
bootstrap data与jquery .data
2014/07/07 Javascript
基于javascript的COOkie的操作实现只能点一次
2014/12/26 Javascript
jQuery实现横向带缓冲的水平运动效果(附demo源码下载)
2016/01/29 Javascript
详解jQuery中的empty、remove和detach
2016/04/11 Javascript
MVVM 双向绑定的实现代码
2018/06/21 Javascript
Python文件处理
2016/02/29 Python
python实现用户登录系统
2016/05/21 Python
python如何读写csv数据
2018/03/21 Python
python smtplib发送带附件邮件小程序
2018/05/22 Python
Python加载带有注释的Json文件实例
2018/05/23 Python
Ubuntu下升级 python3.7.1流程备忘(推荐)
2018/12/10 Python
python random从集合中随机选择元素的方法
2019/01/23 Python
python获取txt文件词向量过程详解
2019/07/05 Python
python爬虫增加访问量的方法
2019/08/22 Python
python图片二值化提高识别率代码实例
2019/08/24 Python
PyCharm使用之配置SSH Interpreter的方法步骤
2019/12/26 Python
pyecharts调整图例与各板块的位置间距实例
2020/05/16 Python
python爬虫智能翻页批量下载文件的实例详解
2021/02/02 Python
Pandas数据分析的一些常用小技巧
2021/02/07 Python
购买限量版收藏品、珠宝和礼品:Bradford Exchange
2016/09/23 全球购物
Kneipp克奈圃美国官网:德国百年精油配方的传承
2018/02/07 全球购物
JENNIFER BEHR官网:各种耳环和发饰
2020/06/07 全球购物
电脑教师的自我评价
2013/12/18 职场文书
自我鉴定写作要点
2014/01/17 职场文书
信息技术专业大学生职业生涯规划书
2014/01/24 职场文书
关于运动会的稿件
2014/02/02 职场文书
艺术学院毕业生自我评价
2014/03/02 职场文书
好的旅游活动方案
2014/08/19 职场文书
2015年酒店年度工作总结
2015/05/23 职场文书
全网非常详细的pytest配置文件
2022/07/15 Python