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 相关文章推荐
pjblog修改技巧汇总
Mar 12 Javascript
JavaScript中:表达式和语句的区别[译]
Sep 17 Javascript
JavaScript mapreduce工作原理简析
Nov 25 Javascript
图片轮换效果实现代码(点击按钮停止执行)
Apr 12 Javascript
JS 打印界面的CSS居中代码适用所有浏览器
Mar 19 Javascript
javascript中Number对象的toString()方法分析
Dec 20 Javascript
javascript设置和获取cookie的方法实例详解
Jan 05 Javascript
jQuery 常用代码集锦(必看篇)
May 16 Javascript
Javascript从数组中随机取出不同元素的两种方法
Sep 22 Javascript
jQuery validate插件功能与用法详解
Dec 15 Javascript
js学习总结之DOM2兼容处理顺序问题的解决方法
Jul 27 Javascript
判断div滑动到底部的scroll实例代码
Nov 15 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中mkdir()函数的权限问题分析
2016/09/24 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
php设计模式之建造器模式分析【星际争霸游戏案例】
2020/01/23 PHP
JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
2010/06/29 Javascript
js URL参数的拼接方法比较
2012/02/15 Javascript
js浮点数精确计算(加、减、乘、除)
2013/12/26 Javascript
jquery实现超简洁的TAB选项卡效果代码
2015/08/28 Javascript
JS动态添加iframe的代码
2015/09/14 Javascript
JS组件中bootstrap multiselect两大组件较量
2016/01/26 Javascript
javascript滚轮事件基础实例讲解(37)
2017/02/14 Javascript
原生js简单实现放大镜特效
2017/05/16 Javascript
Angular实现下拉框模糊查询功能示例
2018/01/03 Javascript
详解js正则表达式验证时间格式xxxx-xx-xx形式
2018/02/09 Javascript
Vue.js实现数据响应的方法
2018/08/13 Javascript
小程序指纹验证的实现代码
2018/12/04 Javascript
layui table 多行删除(id获取)的方法
2019/09/12 Javascript
深入了解Vue动态组件和异步组件
2021/01/26 Vue.js
[01:01:51]EG vs VG Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
举例讲解Python设计模式编程中对抽象工厂模式的运用
2016/03/02 Python
Python绘制七段数码管实例代码
2017/12/20 Python
pandas筛选某列出现编码错误的解决方法
2018/11/07 Python
Python Gitlab Api 使用方法
2019/08/28 Python
Canvas 文本填充线性渐变的使用详解
2020/06/22 HTML / CSS
优秀的教师个人的中文求职信
2013/09/21 职场文书
最受欢迎的自我评价
2013/12/22 职场文书
函授毕业自我鉴定
2014/02/04 职场文书
学生会离职感言
2014/02/11 职场文书
保护母亲河倡议书
2014/04/14 职场文书
村党支部换届选举方案
2014/05/02 职场文书
医药销售自荐书
2014/05/29 职场文书
十佳青年事迹材料
2014/08/21 职场文书
员工趣味活动方案
2014/08/27 职场文书
医院领导班子四风对照检查材料
2014/09/27 职场文书
初中物理教学反思
2016/02/19 职场文书
小学三年级作文之写景
2019/11/05 职场文书
Nginx如何获取自定义请求header头和URL参数详解
2022/07/23 Servers