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 相关文章推荐
IE无法设置短域名下Cookie
Sep 23 Javascript
jQuery与Ajax以及序列化
Feb 01 Javascript
js 获取站点应用名的简单实例
Aug 18 Javascript
JavaScript数组去重的6个方法
Jan 21 Javascript
js a标签点击事件
Mar 30 Javascript
js微信分享实现代码
Oct 11 Javascript
JavaScript实现离开页面前提示功能【附jQuery实现方法】
Sep 26 jQuery
vue实现带复选框的树形菜单
May 27 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
Jun 07 Javascript
js实现无限层级树形数据结构(创新算法)
Feb 27 Javascript
JS如何定义用字符串拼接的变量
Jul 11 Javascript
iview实现动态表单和自定义验证时间段重叠
Jan 10 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得到mssql的存储过程的输出参数功能实现
2012/11/23 PHP
php遍历目录输出目录及其下的所有文件示例
2014/01/27 PHP
thinkphp备份数据库的方法分享
2015/01/04 PHP
ThinkPHP模板Volist标签嵌套循环输出多维数组的方法
2016/03/23 PHP
php 函数使用可变数量的参数方法
2017/05/02 PHP
Sample script that deletes a SQL Server database
2007/06/16 Javascript
javascript优先加载笔记代码
2008/09/30 Javascript
ExtJS判断IE浏览器类型的方法
2014/02/10 Javascript
2014最热门的JavaScript代码高亮插件推荐
2014/11/25 Javascript
javascript制作坦克大战全纪录(2)
2014/11/27 Javascript
js点击选择文本的方法
2015/02/09 Javascript
js生成随机数的过程解析
2015/11/24 Javascript
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
2016/01/23 Javascript
探讨JavaScript语句的执行过程
2016/01/28 Javascript
jQuery仿写百度百科的目录树
2017/01/03 Javascript
vue+element-ui+ajax实现一个表格的实例
2018/03/09 Javascript
详解vue更改头像功能实现
2019/04/28 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
2019/05/31 Javascript
基于ssm框架实现layui分页效果
2019/07/27 Javascript
javascript随机变色实例代码
2019/10/15 Javascript
JS面向对象编程——ES6 中class的继承用法详解
2020/03/03 Javascript
python实现linux服务器批量修改密码并生成execl
2014/04/22 Python
Python中几种操作字符串的方法的介绍
2015/04/09 Python
数据清洗--DataFrame中的空值处理方法
2018/07/03 Python
用pycharm开发django项目示例代码
2018/10/24 Python
关于python字符串方法分类详解
2019/08/20 Python
Python 定义只读属性的实现方式
2020/03/05 Python
解决pycharm debug时界面下方不出现step等按钮及变量值的问题
2020/06/09 Python
美国最大的骑马用品零售商:HorseLoverZ
2017/01/12 全球购物
Pop In A Box英国:Funko POP搪胶公仔
2019/05/27 全球购物
长安大学毕业生自我鉴定
2014/01/17 职场文书
临床护士自荐信
2014/01/31 职场文书
审查起诉阶段律师意见书
2015/05/19 职场文书
大学新生入学感想
2015/08/07 职场文书
Go语言并发编程 sync.Once
2021/10/16 Golang
B站评分公认最好看的动漫,你的名字评分9.9,第六备受喜欢
2022/03/18 日漫