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实现的一个include函数
Jul 21 Javascript
jQuery 定时局部刷新(setInterval)
Nov 19 Javascript
javascript使用activex控件的代码
Jan 27 Javascript
js动画(animate)简单引擎代码示例
Dec 04 Javascript
jQuery子窗体取得父窗体元素的方法
May 11 Javascript
Vue学习笔记进阶篇之单元素过度
Jul 19 Javascript
详解微信小程序canvas圆角矩形的绘制的方法
Aug 22 Javascript
[jQuery] 事件和动画详解
Mar 05 jQuery
atom-design(Vue.js移动端组件库)手势组件使用教程
May 16 Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
Apr 01 jQuery
JS寄快递地址智能解析的实现代码
Jul 16 Javascript
JavaScript文档对象模型DOM
Nov 20 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上传图片类(随机名,缩略图,加水印)
2010/06/30 PHP
Symfony2开发之控制器用法实例分析
2016/02/05 PHP
Symfony实现行为和模板中取得request参数的方法
2016/03/17 PHP
Joomla调用系统自带编辑器的实现方法
2016/05/05 PHP
jquery 打开窗口返回值实现代码
2010/03/04 Javascript
写js时遇到的一些小问题
2010/12/06 Javascript
javascript一些实用技巧小结
2011/03/18 Javascript
js数组中如何随机取出一个值
2014/06/13 Javascript
使用mini-define实现前端代码的模块化管理
2014/12/25 Javascript
JS模拟按钮点击功能的方法
2015/12/22 Javascript
js调用webservice构造SOAP进行身份验证
2016/04/27 Javascript
vue 路由页面之间实现用手指进行滑动的方法
2018/02/23 Javascript
js中DOM事件绑定分析
2018/03/18 Javascript
js实现文件上传功能 后台使用MultipartFile
2018/09/08 Javascript
Vue-CLI3.x 设置反向代理的方法
2018/12/06 Javascript
vue实现弹幕功能
2019/10/25 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
2019/12/09 Javascript
python实现在字符串中查找子字符串的方法
2015/07/11 Python
Python cookbook(数据结构与算法)在字典中将键映射到多个值上的方法
2018/02/18 Python
对tf.reduce_sum tensorflow维度上的操作详解
2018/07/26 Python
python: 判断tuple、list、dict是否为空的方法
2018/10/22 Python
python 输出所有大小写字母的方法
2019/01/02 Python
如何真正的了解python装饰器
2020/08/14 Python
小程序瀑布流解决左右两边高度差距过大的问题
2019/02/20 HTML / CSS
精灵市场:Pixie Market
2019/06/18 全球购物
乌克兰移动电子产品和相关配件的在线商店:iTMag
2020/03/16 全球购物
高中毕业生自我鉴定
2013/11/03 职场文书
自考毕业生自我鉴定
2013/11/04 职场文书
会计学自荐信
2014/06/03 职场文书
建筑安全标语
2014/06/07 职场文书
体育节口号
2014/06/19 职场文书
个人四风问题对照检查材料
2014/09/26 职场文书
整改报告格式
2014/11/06 职场文书
个人求职自荐信范文
2015/03/06 职场文书
员工工作失职检讨书范文!
2019/07/03 职场文书
MySQL主从搭建(多主一从)的实现思路与步骤
2021/05/13 MySQL