javascript實現網站加入收藏功能

javascript實現網站加入收藏功能_javascript技巧

最後更新：2017-01-19 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

本文為大家分享了三段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檔案，然後在要收藏的地方加上
代碼如下

複製代碼代碼如下:

第二種情況：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('http://www.jb51.net','雲棲社區');  }  else if (window.sidebar)  {   window.sidebar.addPanel('雲棲社區', 'http://www.jb51.net', "");  }} </script><body><a href="#" onclick="addfavorite()">加入收藏！</a>

結果測試：該代碼對IE6+,和FireFox均有效，Chrome無效！

以上就是js代碼實現設為首頁並加入收藏功能，希望大家喜歡。

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

javascript實現網站加入收藏功能_javascript技巧

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support