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的判断iPad、iPhone、Android是横屏还是竖屏的代码
May 11 Javascript
jquery图片切换实例分析
Apr 15 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
Dec 14 Javascript
关于微信上网页图片点击全屏放大效果
Dec 19 Javascript
基于JavaScript实现微信抢红包功能
Jul 20 Javascript
vue将时间戳转换成自定义时间格式的方法
Mar 02 Javascript
在axios中使用params传参的时候传入数组的方法
Sep 25 Javascript
layui使用表格渲染获取行数据的例子
Sep 13 Javascript
vue开发拖拽进度条滑动组件
Sep 21 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
Jun 26 Javascript
Vue组件通信$attrs、$listeners实现原理解析
Sep 03 Javascript
如何利用node转发请求详解
Sep 17 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 不同编码下的字符串长度区分
2009/09/26 PHP
Codeigniter实现智能裁剪图片的方法
2014/06/12 PHP
用PHP代替JS玩转DOM的思路及示例代码
2014/06/15 PHP
深入浅出讲解:php的socket通信原理
2016/12/03 PHP
php中文语义分析实现方法示例
2019/09/28 PHP
在网页中控制wmplayer播放器
2006/07/01 Javascript
Javascript面向对象之四 继承
2011/02/08 Javascript
iframe的onreadystatechange事件在firefox下的使用
2014/04/16 Javascript
在JavaScript中处理字符串之fontcolor()方法的使用
2015/06/08 Javascript
JavaScript中对DOM节点的访问、创建、修改、删除
2015/11/16 Javascript
新手学习前端之js模仿淘宝主页网站
2016/10/31 Javascript
jQuery对table表格进行增删改查
2020/12/22 Javascript
基于JavaScript实现购物车功能
2017/02/07 Javascript
详解webpack 多入口配置
2017/06/16 Javascript
vue 父组件调用子组件方法及事件
2018/03/29 Javascript
vue实现城市列表选择功能
2018/07/16 Javascript
laydate如何根据开始时间或者结束时间限制范围
2018/11/15 Javascript
Python的Flask框架中web表单的教程
2015/04/20 Python
Python实现对字符串的加密解密方法示例
2017/04/29 Python
Python即时网络爬虫项目启动说明详解
2018/02/23 Python
pytorch GAN伪造手写体mnist数据集方式
2020/01/10 Python
Python使用re模块验证危险字符
2020/05/21 Python
HTML5 body设置全屏背景图片的示例代码
2020/12/08 HTML / CSS
Office DEPOT法国官网:欧迪办公用品采购
2018/01/03 全球购物
Java提供了哪些企业应用编程接口
2015/02/13 面试题
高级人员简历的自我评价分享
2013/11/03 职场文书
营业员实习自我鉴定
2013/12/07 职场文书
“学雷锋活动月”总结
2014/03/09 职场文书
销售经理岗位职责
2014/03/16 职场文书
法院干警四风问题个人对照检查材料思想汇报
2014/10/07 职场文书
党员评议个人总结
2014/10/20 职场文书
2015年教师师德师风承诺书
2015/04/28 职场文书
大学生暑期实践报告
2015/07/13 职场文书
2016幼儿园毕业感言
2015/12/08 职场文书
JavaScript继承的三种方法实例
2021/05/12 Javascript
Android Studio实现简易进制转换计算器
2022/05/20 Java/Android