基於JavaScript程式碼實作相容各瀏覽器的設為首頁及加入收藏

基於JavaScript程式碼實作相容各瀏覽器的設為首頁及加入收藏_javascript技巧

WBOY

發布： 2016-05-16 15:21:13

原創

1845 人瀏覽過

現在的瀏覽器越來越多，這就使得網頁設計的兼容性要求越來越高，像常用的設為首頁、加入收藏代碼，一般的雖然簡潔，但兼容性卻非常不好，加入收藏和設為首頁代碼幾乎各個網站都在頭部放上一個，有沒有效果先不管，需求應該是有的。

但是由於瀏覽器的兼容性問題，之前用的很多程式碼都失去效果，下面就給出一段能夠兼容各個瀏覽器的程式碼，也不能夠算是兼容，只能說在不支援的瀏覽器中能夠給出提示，程式碼如下:

<!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;
  }
}

登入後複製