基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏


Posted in Javascript onJanuary 07, 2016

现在的浏览器越来越多,这就使得网页设计的兼容性要求越来越高,像常用的设为首页、加入收藏代码,一般的虽然简洁,但兼容性却非常不好,加入收藏和设为首页代码几乎各个网站都在头部放上一个,有没有效果先不管,需求应该是有的。

但是由于浏览器的兼容性问题,之前用的很多代码都失去效果,下面就给出一段能够兼容各个浏览器的代码,也不能够算是兼容,只能说在不支持的浏览器中能够给出提示,代码如下:

<!doctype html>
<html>
<head>
<title>加入收藏和设为首页</title>
<script type="text/javascript">
//加入收藏
function AddFavorite(sURL, sTitle){
sURL = encodeURI(sURL); 
try{ 
window.external.addFavorite(sURL, sTitle); 
}
catch(e){ 
try{ 
window.sidebar.addPanel(sTitle, sURL, ""); 
}
catch(e){ 
alert("加入收藏失败,请使用Ctrl+D进行添加,或手动在浏览器里进行设置.");
} 
}
}
//设为首页
function SetHome(url){
if (document.all){
document.body.style.behavior='url(#default#homepage)';
document.body.setHomePage(url);
}
else{
alert("您好,您的浏览器不支持自动设置页面为首页功能,请您手动在浏览器里设置该页面为首页!");
}
} 
</script>
</head>
<body>
<a href="javascript:void(0)">设为首页</a>
<a href="javascript:void(0)">加入收藏</a>
</body>
</html>

以上代码简短易懂,可以兼容各个浏览器加入收藏和设为首页,有问题欢迎提出,小编会及时和大家联系的,谢谢!

下面给大家分享一段jquery代码实现加入收藏夹功能

//设为首页
function SetHomePage() {
  if (document.all) {
    document.body.style.behavior = 'url(#default#homepage)';
    document.body.setHomePage('http://www.87cool.com');
  }
  else if (window.sidebar) {
    if (window.netscape) {
      try {
        netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
      }
      catch (e) {
        alert("该操作被浏览器拒绝,如果想启用该功能,请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true");
      }
    }
    var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
    prefs.setCharPref('browser.startup.homepage', 'http://www.87cool.com');
  }
}
//加入收藏夹
function AddFavorite() {
  var title = document.title;
  var url = location.href;
  if (window.sidebar) {
    window.sidebar.addPanel(title, url, "");
  } else if (document.all) {
    window.external.AddFavorite(url, title);
  } else {
    return true;
  }
}
Javascript 相关文章推荐
在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript
Dec 02 Javascript
js 日期转换成中文格式的函数
Jul 07 Javascript
javascript闭包的高级使用方法实例
Jul 04 Javascript
js获取html页面节点方法(递归方式)
Dec 13 Javascript
JQuery 使用attr方法实现下拉列表选中
Oct 13 Javascript
干货分享:让你分分钟学会javascript闭包
Dec 25 Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
Oct 08 Javascript
angular实现IM聊天图片发送实例
May 08 Javascript
vue2.0中click点击当前li实现动态切换class
Jun 21 Javascript
lhgcalendar时间插件限制只能选择三个月的实现方法
Jul 03 Javascript
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
Jul 26 Javascript
JavaScript设计模式初探
Jan 07 #Javascript
JavaScript类型系统之Object详解
Jan 07 #Javascript
7个去伪存真的JavaScript面试题
Jan 07 #Javascript
jQuery表格插件datatables用法详解
Nov 23 #Javascript
详解JavaScript UTC时间转换方法
Jan 07 #Javascript
jQuery formValidator表单验证
Jan 07 #Javascript
JavaScript中的原始值和复杂值
Jan 07 #Javascript
You might like
PHP 采集程序原理分析篇
2010/03/05 PHP
php数组相加 array(“a”)+array(“b”)结果还是array(“a”)
2012/09/19 PHP
一个不易被发现的PHP后门代码解析
2014/07/05 PHP
php使用number_format函数截取小数的方法分析
2016/05/27 PHP
JavaScript isArray()函数判断对象类型的种种方法
2010/10/11 Javascript
JavaScript中的几个关键概念的理解-原型链的构建
2011/05/12 Javascript
Firefox中beforeunload事件的实现缺陷浅析
2012/05/03 Javascript
jQuery阻止事件冒泡具体实现
2013/10/11 Javascript
JS实现可关闭的对联广告效果代码
2015/09/14 Javascript
jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
2015/09/14 Javascript
JavaScript模拟push
2016/03/06 Javascript
JavaScript实现输入框与清空按钮联动效果
2016/09/09 Javascript
详解jQuery中基本的动画方法
2016/12/14 Javascript
解决vue页面DOM操作不生效的问题
2018/03/17 Javascript
深入理解js A*寻路算法原理与具体实现过程
2018/12/13 Javascript
转换layUI的数据表格中的日期格式方法
2019/09/19 Javascript
python flask 多对多表查询功能
2017/06/25 Python
python range()函数取反序遍历sequence的方法
2018/06/25 Python
浅谈pandas用groupby后对层级索引levels的处理方法
2018/11/06 Python
spark dataframe 将一列展开,把该列所有值都变成新列的方法
2019/01/29 Python
基于Python的Post请求数据爬取的方法详解
2019/06/14 Python
Python实现基于socket的udp传输与接收功能详解
2019/11/15 Python
如何实现在jupyter notebook中播放视频(不停地展示图片)
2020/04/23 Python
Python如何利用Har文件进行遍历指定字典替换提交的数据详解
2020/11/05 Python
如何使用html5与css3完成google涂鸦动画
2012/12/16 HTML / CSS
Lookfantastic西班牙官网:英国知名美妆购物网站
2018/06/13 全球购物
给领导的致歉信范文
2014/01/13 职场文书
鼓励运动员的广播稿
2014/02/08 职场文书
2014学年自我鉴定
2014/02/23 职场文书
电台编导求职信
2014/05/06 职场文书
行政文员岗位职责
2015/02/04 职场文书
2015大学迎新标语
2015/07/16 职场文书
生产实习心得体会范文
2016/01/22 职场文书
检举信的写法
2019/04/10 职场文书
pandas进行数据输入和输出的方法详解
2022/03/23 Python
Python基本知识点总结
2022/04/07 Python