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 相关文章推荐
jQuery 跨域访问问题解决方法
Dec 02 Javascript
javascript循环变量注册dom事件 之强大的闭包
Sep 08 Javascript
Jquey拖拽控件Draggable使用方法(asp.net环境)
Sep 28 Javascript
jQuery前台数据获取实现代码
Mar 16 Javascript
Mac/Windows下如何安装Node.js
Nov 22 Javascript
js中的事件捕捉模型与冒泡模型实例分析
Jan 10 Javascript
jquery+html5制作超酷的圆盘时钟表
Apr 14 Javascript
JavaScript数组迭代器实例分析
Jun 09 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
Nov 15 Javascript
简单模拟node.js中require的加载机制
Oct 27 Javascript
javascript 日期相减-在线教程(附代码)
Aug 17 Javascript
jQuery获取随机颜色的实例代码
May 21 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语法速查表
2006/12/06 PHP
获取远程文件大小的php函数
2010/01/11 PHP
PHP应用JSON技巧讲解
2013/02/03 PHP
PHP+iframe模拟Ajax上传文件功能示例
2019/07/02 PHP
JavaScript 学习点滴记录
2009/04/24 Javascript
JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数
2009/05/14 Javascript
JavaScript中的分号插入机制详细介绍
2015/02/11 Javascript
js实现可得到不同颜色值的颜色选择器实例
2015/02/28 Javascript
基于jquery实现鼠标左右拖动滑块滑动附源码下载
2015/12/23 Javascript
AngularJS中的Directive自定义一个表格
2016/01/25 Javascript
JavaScript+html5 canvas制作色彩斑斓的正方形效果
2016/01/27 Javascript
第一次接触神奇的Bootstrap表单
2016/07/27 Javascript
原生js实现tab选项卡切换
2020/03/23 Javascript
js继承实现方法详解
2016/12/16 Javascript
jQuery插件ajaxFileUpload使用详解
2017/01/10 Javascript
JS+DIV实现的卷帘效果示例
2017/03/22 Javascript
Angular 通过注入 $location 获取与修改当前页面URL的实例
2017/05/31 Javascript
JavaScript实现动态添加Form表单元素的方法示例
2017/08/14 Javascript
详解angular分页插件tm.pagination二次触发问题解决方案
2018/07/20 Javascript
云服务器部署Node.js项目的方法步骤(小白系列)
2020/03/23 Javascript
vue-amap根据地址回显地图并mark的操作
2020/11/03 Javascript
Python httplib,smtplib使用方法
2008/09/06 Python
python抓取京东价格分析京东商品价格走势
2014/01/09 Python
python音频处理用到的操作的示例代码
2017/10/27 Python
在numpy矩阵中令小于0的元素改为0的实例
2019/01/26 Python
简单了解python单例模式的几种写法
2019/07/01 Python
python常用库之NumPy和sklearn入门
2019/07/11 Python
Python3使用PySynth制作音乐的方法
2019/09/09 Python
学习Django知识点分享
2019/09/11 Python
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
2013/07/19 HTML / CSS
关于运动会的口号
2014/06/07 职场文书
本科生自荐信
2014/06/18 职场文书
1000字打架检讨书
2014/11/03 职场文书
考试作弊检讨书怎么写?
2014/12/21 职场文书
2015年暑期社会实践方案
2015/07/14 职场文书
django学习之ajax post传参的2种格式实例
2021/05/14 Python