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 相关文章推荐
js之WEB开发调试利器:Firebug 下载
Jan 13 Javascript
JavaScript 异步调用框架 (Part 6 - 实例 &amp; 模式)
Aug 04 Javascript
javascript 面向对象封装与继承
Nov 27 Javascript
js实现点击链接后窗口缩小并居中的方法
Mar 02 Javascript
js实现简单的联动菜单效果
Aug 19 Javascript
js点击文本框弹出可选择的checkbox复选框
Feb 03 Javascript
javascript中对Date类型的常用操作小结
May 19 Javascript
AngularJS教程之简单应用程序示例
Aug 16 Javascript
教你30秒发布一个TypeScript包到NPM的方法步骤
Jul 22 Javascript
layui.tree组件的使用以及搜索节点功能的实现
Sep 26 Javascript
vue中封装axios并实现api接口的统一管理
Dec 25 Vue.js
jquery实现点击左右按钮切换图片
Jan 27 jQuery
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 auth_http类库进行身份效验
2009/03/19 PHP
函数中使用require_once问题深入探讨 优雅的配置文件定义方法推荐
2014/07/02 PHP
Symfony模板的快捷变量用法实例
2016/03/17 PHP
PHP检测链接是否存在的代码实例分享
2016/05/06 PHP
PHP的JSON封装、转变及输出操作示例
2019/09/27 PHP
javascript 贪吃蛇实现代码
2008/11/22 Javascript
jquery 模拟类搜索框自动完成搜索提示功能(改进)
2010/05/24 Javascript
javascript Array.prototype.slice使用说明
2010/10/11 Javascript
JQuery入门—编写一个简单的JQuery应用案例
2013/01/03 Javascript
jQuery中contents()方法用法实例
2015/01/08 Javascript
js与jquery回车提交的方法
2015/02/03 Javascript
Javascript优化技巧之短路表达式详细介绍
2015/03/27 Javascript
jQuery实现调整表格单列顺序完整实例
2016/06/20 Javascript
如何在Angular.JS中接收并下载PDF
2016/11/26 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
2017/01/03 Javascript
jQuery代码实现实时获取时间
2017/01/29 Javascript
Vue实现动态显示textarea剩余字数
2017/05/22 Javascript
微信小程序 开发MAP(地图)实例详解
2017/06/27 Javascript
微信小程序实现跳转的几种方式总结(推荐)
2019/04/24 Javascript
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
对python遍历文件夹中的所有jpg文件的实例详解
2018/12/08 Python
实例讲解Python中整数的最大值输出
2019/03/17 Python
基于Python安装pyecharts所遇的问题及解决方法
2019/08/12 Python
python3.6中anaconda安装sklearn踩坑实录
2020/07/28 Python
Lookfantastic美国/加拿大:英国知名美妆购物网站
2019/03/27 全球购物
cf收人广告词
2014/03/14 职场文书
导师评语大全
2014/04/26 职场文书
体育比赛口号
2014/06/09 职场文书
干部四风问题整改措施思想汇报
2014/10/13 职场文书
户外活动总结
2015/02/04 职场文书
教师个人师德工作总结2015
2015/05/12 职场文书
2015年学校办公室工作总结
2015/05/26 职场文书
在人间读书笔记
2015/06/30 职场文书
小学毕业感言100字
2015/07/30 职场文书
标准发言稿结尾
2019/07/18 职场文书
Python基础之函数嵌套知识总结
2021/05/23 Python