基于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 相关文章推荐
很可爱的输入框
Aug 03 Javascript
DOM Scripting中的图片切换[兼容Firefox]
Jun 12 Javascript
jQuery 阴影插件代码分享
Jan 09 Javascript
中文路径导致unitpngfix.js不正常的解决方法
Jun 26 Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
Oct 23 Javascript
跟我学习javascript的prototype原型和原型链
Nov 18 Javascript
JS设置cookie、读取cookie
Feb 24 Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
Jan 03 Javascript
vue axios用法教程详解
Jul 23 Javascript
Angular2中监听数据更新的方法
Aug 31 Javascript
Vue.set 全局操作简单示例
Sep 19 Javascript
vue中的v-model原理,与组件自定义v-model详解
Aug 04 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
JoshChen_web格式编码UTF8-无BOM的小细节分析
2013/08/16 PHP
PHP实现自动识别原编码并对字符串进行编码转换的方法
2016/07/13 PHP
php计数排序算法的实现代码(附四个实例代码)
2020/03/31 PHP
MultiSelect左右选择控件的设计与实现介绍
2013/06/08 Javascript
javascript表单验证大全
2015/08/12 Javascript
全面解析Bootstrap排版使用方法(文字样式)
2015/11/30 Javascript
JavaScript代码因逗号不规范导致IE不兼容的问题
2016/02/25 Javascript
js绘制购物车抛物线动画
2020/11/18 Javascript
vue.extend实现alert模态框弹窗组件
2018/04/28 Javascript
nodejs 日志模块winston的使用方法
2018/05/02 NodeJs
微信小程序实现点击图片旋转180度并且弹出下拉列表
2018/11/27 Javascript
在vue中created、mounted等方法使用小结
2020/07/21 Javascript
使用pdb模块调试Python程序实例
2015/06/02 Python
详解python3中socket套接字的编码问题解决
2017/07/01 Python
tensorflow识别自己手写数字
2018/03/14 Python
python各类经纬度转换的实例代码
2019/08/08 Python
Python开发之pip安装及使用方法详解
2020/02/21 Python
python实现堆排序的实例讲解
2020/02/21 Python
史上最详细的Python打包成exe文件教程
2021/01/17 Python
LG西班牙网上商店:Tienda LG Online Es
2019/07/30 全球购物
BSTN意大利:德国街头和运动文化高品质商店
2020/12/22 全球购物
澳大利亚领先的女性运动服品牌:Lorna Jane
2020/06/19 全球购物
PHP如何防止SQL注入
2014/05/03 面试题
大学毕业生工作的自我评价
2013/10/01 职场文书
创建学习型党组织实施方案
2014/03/29 职场文书
竞选劳动委员演讲稿
2014/04/28 职场文书
教师年度考核评语
2014/04/28 职场文书
医学检验专业自荐信
2014/09/18 职场文书
群众路线四风对照检查材料
2014/11/04 职场文书
同学聚会通知书
2015/04/20 职场文书
公司管理建议书
2015/09/14 职场文书
2016入党积极分子党校培训心得体会
2016/01/06 职场文书
幼儿园2016年感恩节活动总结
2016/04/01 职场文书
Go语言实现Base64、Base58编码与解码
2021/07/26 Golang
css 边框添加四个角的实现代码
2021/10/16 HTML / CSS
如何设置多台电脑共享打印机?多台电脑共享打印机的方法
2022/04/08 数码科技