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.ui.draggable中文文档
Nov 24 Javascript
JQuery的Validation插件中Remote验证的中文问题
Jul 26 Javascript
javascript常用对话框小集
Sep 13 Javascript
javascript自定义的addClass()方法
May 28 Javascript
node.js中的fs.fstat方法使用说明
Dec 15 Javascript
JS是按值传递还是按引用传递
Jan 30 Javascript
纯js实现无限空间大小的本地存储
Jun 18 Javascript
JavaScript 封装一个tab效果源码分享
Sep 15 Javascript
JavaScript程序设计高级算法之动态规划实例分析
Nov 24 Javascript
使用vue-cli导入Element UI组件的方法
May 16 Javascript
Vue源码探究之状态初始化
Nov 14 Javascript
Vue.js 中的 v-show 指令及用法详解
Nov 19 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
Windows下PHP5和Apache的安装与配置
2006/09/05 PHP
php.ini 中文版
2006/10/28 PHP
php文件上传的两种实现方法
2016/04/04 PHP
基于jQueryUI和Corethink实现百度的搜索提示功能
2016/11/09 PHP
tbody元素支持嵌套的注意方法
2007/03/24 Javascript
JavaScript 应用技巧集合[推荐]
2009/08/30 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
2013/10/17 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
2014/06/20 Javascript
14个有用的Jquery技巧分享
2015/01/08 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
2016/04/17 Javascript
JavaScript基础重点(必看)
2016/07/09 Javascript
vue.js 表格分页ajax 异步加载数据
2016/10/18 Javascript
微信小程序实战之登录页面制作(5)
2020/03/30 Javascript
JS实现动态添加DOM节点和事件的方法示例
2017/04/28 Javascript
Taro集成Redux快速上手的方法示例
2018/06/21 Javascript
bootstrap table合并行数据并居中对齐效果
2018/10/17 Javascript
js实现图片局部放大效果详解
2019/03/18 Javascript
Python浅拷贝与深拷贝用法实例
2015/05/09 Python
Python使用MYSQLDB实现从数据库中导出XML文件的方法
2015/05/11 Python
Python中的hypot()方法使用简介
2015/05/18 Python
python实现马耳可夫链算法实例分析
2015/05/20 Python
Python中的条件判断语句基础学习教程
2016/02/07 Python
python将回车作为输入内容的实例
2018/06/23 Python
使用pytorch进行图像的顺序读取方法
2018/07/27 Python
python矩阵的转置和逆转实例
2018/12/12 Python
Tensorflow 1.0之后模型文件、权重数值的读取方式
2020/02/12 Python
python redis存入字典序列化存储教程
2020/07/16 Python
解决virtualenv -p python3 venv报错的问题
2021/02/05 Python
使用html5新特性轻松监听任何App自带返回键的示例
2018/03/13 HTML / CSS
如何选择使用结构还是类
2014/05/30 面试题
十佳美德少年事迹材料
2014/02/05 职场文书
人力资源总监工作说明
2014/03/03 职场文书
中学生家长评语大全
2014/04/16 职场文书
幼儿园园长工作总结2015
2015/05/25 职场文书
2016抗战胜利71周年红领巾广播稿
2015/12/18 职场文书
SpringBoot全局异常处理方案分享
2022/05/25 Java/Android