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操作ACCESS数据库(读增改删)的代码
May 14 Javascript
javascript URL锚点取值方法
Feb 25 Javascript
基于jquery的拖动布局插件
Nov 25 Javascript
Asp.Net alert弹出提示信息的几种方法总结
Jan 29 Javascript
js实现背景图片感应鼠标变化的方法
Feb 28 Javascript
Vue.js使用v-show和v-if的注意事项
Dec 13 Javascript
jQuery实现的简单排序功能示例【冒泡排序】
Jan 13 Javascript
vue实现百度搜索下拉提示功能实例
Jun 14 Javascript
Vue中使用canvas方法总结
Feb 12 Javascript
Echarts动态加载多条折线图的实现代码
May 24 Javascript
vue控制多行文字展开收起的实现示例
Oct 11 Javascript
开发一个封装iframe的vue组件
Mar 29 Vue.js
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 smarty 二级分类代码和模版循环例子
2011/06/01 PHP
PHP读取配置文件类实例(可读取ini,yaml,xml等)
2015/07/28 PHP
php 生成签名及验证签名详解
2016/10/26 PHP
基于PHP-FPM进程池探秘
2017/10/17 PHP
PHP商品秒杀问题解决方案实例详解【mysql与redis】
2019/07/22 PHP
laravel自定义分页的实现案例offset()和limit()
2019/10/15 PHP
Laravel 前端资源配置教程
2019/10/18 PHP
javascript中处理时间戳为日期格式的方法
2014/01/02 Javascript
javascript学习笔记(五)原型和原型链详解
2014/10/08 Javascript
jQuery中live()方法用法实例
2015/01/19 Javascript
浅谈轻量级js模板引擎simplite
2015/02/13 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
2016/06/15 Javascript
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
2016/11/10 Javascript
解决npm管理员身份install时出现权限的问题
2018/03/16 Javascript
基于vue-cli3创建libs库的实现方法
2019/12/04 Javascript
Vue数字输入框组件示例代码详解
2020/01/15 Javascript
Vue项目中使用flow做类型检测的方法
2020/03/18 Javascript
深入了解JS之作用域和闭包
2020/06/16 Javascript
如何在postman中添加cookie信息步骤解析
2020/06/30 Javascript
解决vue单页面 回退页面 keeplive 缓存问题
2020/07/22 Javascript
vue接通后端api以及部署到服务器操作
2020/08/13 Javascript
[01:11:15]VGJ.S vs Secret 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python 列表(List)操作方法详解
2014/03/11 Python
python 矩阵增加一行或一列的实例
2018/04/04 Python
python使用requests模块实现爬取电影天堂最新电影信息
2019/04/03 Python
Django缓存系统实现过程解析
2019/08/02 Python
python中matplotlib条件背景颜色的实现
2019/09/02 Python
武汉世纪畅想数字传播有限公司.NET笔试题
2014/07/22 面试题
装修五一活动策划案
2014/01/23 职场文书
全神贯注教学反思
2014/02/03 职场文书
资助贫困学生倡议书
2014/05/16 职场文书
2014年安全生产工作总结
2014/11/13 职场文书
招商银行工作证明
2015/06/17 职场文书
2019年冬至:天冷暖人心的问候祝福语大全
2019/12/20 职场文书
Mysql数据库索引面试题(程序员基础技能)
2021/05/31 MySQL
nginx实现多geoserver服务的负载均衡
2022/05/15 Servers