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 相关文章推荐
让iframe自适应高度(支持XHTML,支持FF)
Jul 24 Javascript
javascript 获取select下拉列表值的代码
Sep 07 Javascript
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
May 16 Javascript
浅谈JavaScript中的String对象常用方法
Feb 25 Javascript
jQuery跨域问题解决方案
Aug 03 Javascript
简述jQuery ajax的执行顺序
Jan 05 Javascript
JS遍历数组及打印数组实例分析
Jan 21 Javascript
Vue源码学习之初始化模块init.js解析
Nov 02 Javascript
Node.js搭建WEB服务器的示例代码
Aug 15 Javascript
mpvue+vuex搭建小程序详细教程(完整步骤)
Sep 30 Javascript
小程序跨页面交互的作用与方法详解
Jan 07 Javascript
详解微信小程序「渲染层网络层错误」的解决方法
Jan 06 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实现mysql数据库备份类
2008/03/20 PHP
从PHP $_SERVER相关参数判断是否支持Rewrite模块
2013/09/26 PHP
php-fpm开启状态统计的方法详解
2017/06/23 PHP
爱恋千雪-US-AscII加密解密工具(网页加密)下载
2007/06/06 Javascript
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
2008/10/29 Javascript
jquery validation验证身份证号,护照,电话号码,email(实例代码)
2013/11/06 Javascript
利用js读取动态网站从服务器端返回的数据
2014/02/10 Javascript
jQuery获取上传文件的名称的正则表达式
2015/05/21 Javascript
jQuery实现垂直半透明手风琴特效代码分享
2015/08/21 Javascript
对象题目的一个坑 理解Javascript对象
2015/12/22 Javascript
jQuery获取字符串中出现最多的数
2016/02/22 Javascript
jQuery实现磁力图片跟随效果完整示例
2016/09/16 Javascript
js中获取键盘事件的简单实现方法
2016/10/10 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
2017/07/26 Javascript
Vue实现动态创建和删除数据的方法
2018/03/17 Javascript
JavaScript深拷贝和浅拷贝概念与用法实例分析
2018/06/07 Javascript
微信小程序实现折叠展开效果
2018/07/19 Javascript
原生JS实现自定义下拉单选选择框功能
2018/10/12 Javascript
js中自定义react数据验证组件实例详解
2018/10/19 Javascript
vue-cli配置flexible过程详解
2019/07/04 Javascript
Webpack的Loader和Plugin的区别
2020/11/09 Javascript
python实现基于SVM手写数字识别功能
2020/05/27 Python
详解Numpy中的广播原则/机制
2018/09/20 Python
Python清空文件并替换内容的实例
2018/10/22 Python
对python中的float除法和整除法的实例详解
2019/07/20 Python
使用anaconda安装pytorch的实现步骤
2020/09/03 Python
Python try except finally资源回收的实现
2021/01/25 Python
个人简历自我鉴定
2013/10/11 职场文书
英文自荐信
2013/12/15 职场文书
家长会学生演讲稿
2014/04/26 职场文书
社会实践活动总结报告
2014/04/29 职场文书
十周年庆典策划方案
2014/06/03 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书
三年级作文之趣事作文
2019/11/04 职场文书
Python实现双向链表
2022/05/25 Python
python基础之//、/与%的区别详解
2022/06/10 Python