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 相关文章推荐
JSON无限折叠菜单编写实例
Dec 16 Javascript
javascript中if和switch,==和===详解
Jul 30 Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
Feb 11 Javascript
jQuery实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
用vue的双向绑定简单实现一个todo-list的示例代码
Aug 03 Javascript
浅谈Node.js之异步流控制
Oct 25 Javascript
Angular简单验证功能示例
Dec 22 Javascript
详解如何在你的Vue项目配置vux
Jun 04 Javascript
JavaScript函数apply()和call()用法与异同分析
Aug 10 Javascript
Node 代理访问的实现
Sep 19 Javascript
微信小程序音乐播放器开发
Nov 20 Javascript
使用JavaScript通过前端发送电子邮件
May 22 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新手上路(十一)
2006/10/09 PHP
关于访问控制的一首PHP面试题(对属性或方法的访问控制)
2012/09/13 PHP
PHP微信支付结果通知与回调策略分析
2019/01/10 PHP
jquery判断单个复选框是否被选中的代码
2009/09/03 Javascript
Javascript面向对象编程(三) 非构造函数的继承
2011/08/28 Javascript
用JS做的简单的可折叠的两级树形菜单
2013/09/21 Javascript
点击显示指定元素隐藏其他同辈元素的方法
2014/02/19 Javascript
JQuery复制DOM节点的方法
2015/06/11 Javascript
JavaScript+html5 canvas实现图片破碎重组动画特效
2016/02/22 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
2016/04/17 Javascript
bootstrap fileinput完整实例分享
2016/11/08 Javascript
jquery 判断div show的状态实例
2016/12/03 Javascript
javascript删除html标签函数cIsHTML
2017/01/09 Javascript
JavaScript使用readAsDataURL读取图像文件
2017/05/10 Javascript
解决在Bootstrap模糊框中使用WebUploader的问题
2018/03/22 Javascript
深入浅析var,let,const的异同点
2018/08/07 Javascript
vue监听对象及对象属性问题
2018/08/20 Javascript
vue3修改link标签默认icon无效问题详解
2019/10/09 Javascript
javascript 数组(list)添加/删除的实现
2020/12/17 Javascript
简单易懂Pytorch实战实例VGG深度网络
2019/08/27 Python
浅谈pytorch、cuda、python的版本对齐问题
2020/01/15 Python
Python如何使用OS模块调用cmd
2020/02/27 Python
Python插件机制实现详解
2020/05/04 Python
Python基于Webhook实现github自动化部署
2020/11/28 Python
CSS3制作炫酷带方向感应的鼠标滑过图片3D动画
2016/03/16 HTML / CSS
美国鲍勃商店:Bob’s Stores
2018/07/22 全球购物
什么是Remote Module
2016/06/10 面试题
大专毕业生简历的自我评价
2013/10/20 职场文书
城市轨道交通工程职业规划书范文
2014/01/18 职场文书
蛋糕店的商业计划书范文
2014/01/27 职场文书
21岁生日感言
2014/02/27 职场文书
基层工作经验证明样本
2014/11/16 职场文书
以权谋私检举信范文
2015/03/02 职场文书
python tkinter实现定时关机
2021/04/21 Python
微信小程序实现录音Record功能
2021/05/09 Javascript
MySQL Shell import_table数据导入的实现
2021/08/07 MySQL