javascript實(shí)現(xiàn)網(wǎng)站加入收藏功能
本文為大家分享了三段javascript實(shí)現(xiàn)網(wǎng)站加入收藏功能的代碼,具體內(nèi)容如下
第一種情況:可兼容所有瀏覽器的加入收藏代碼,原理:根據(jù)獲取用戶navigator.userAgent.toLowerCase()信息來判斷瀏覽器,根據(jù)瀏覽器是否支持加入收藏js命令,如果可以自動(dòng)收藏否則就提示ctrl+D手動(dòng)收藏了。
代碼如下:
function addFavorite2() {
var url = window.location;
var title = document.title;
var ua = navigator.userAgent.toLowerCase();
if (ua.indexOf("360se") > -1) {
alert("由于360瀏覽器功能限制,請(qǐng)按 Ctrl+D 手動(dòng)收藏!");
}
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('您的瀏覽器不支持,請(qǐng)按 Ctrl+D 手動(dòng)收藏!');
}
}
else if (window.sidebar) {
window.sidebar.addPanel(title, url, "");
}
else {
alert('您的瀏覽器不支持,請(qǐng)按 Ctrl+D 手動(dòng)收藏!');
}
}
復(fù)制代碼保存成js文件,然后在要收藏的地方加上
代碼如下
第二種情況:js代碼實(shí)現(xiàn)設(shè)為首頁并加入收藏
// 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("加入收藏失敗,請(qǐng)使用Ctrl+D進(jìn)行添加");
}
}
}
//設(shè)為首頁 <a onclick="SetHome(this,window.location)">設(shè)為首頁</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請(qǐng)?jiān)跒g覽器地址欄輸入“about:config”并回車\n然后將 [signed.applets.codebase_principal_support]的值設(shè)置為'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)" >設(shè)為首頁</a> <a href="#" onclick="AddFavorite(window.location,document.title)" >收藏本站</a>
第三種情況:js添加收藏代碼
很多網(wǎng)站為了聚集用戶和維持流量都有"設(shè)為首頁","添加收藏"等按鈕,js添加收藏代碼如下:
<script>
function addfavorite()
{
if (document.all)
{
window.external.addFavorite('http://www.dhdzp.com','腳本之家');
}
else if (window.sidebar)
{
window.sidebar.addPanel('腳本之家', 'http://www.dhdzp.com', "");
}
}
</script>
<body>
<a href="#" onclick="addfavorite()">加入收藏!</a>
結(jié)果測試:該代碼對(duì)IE6+,和FireFox均有效,Chrome無效!
以上就是js代碼實(shí)現(xiàn)設(shè)為首頁并加入收藏功能,希望大家喜歡。
相關(guān)文章
js 計(jì)數(shù)排序的實(shí)現(xiàn)示例(升級(jí)版)
這篇文章主要介紹了js 計(jì)數(shù)排序的實(shí)現(xiàn)示例(升級(jí)版),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
javascript 中的try catch應(yīng)用總結(jié)
這篇文章主要介紹了javascript 中的try catch應(yīng)用總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-04-04
JavaScript獲取偽元素(Pseudo-Element)屬性的方法技巧
這篇文章主要介紹了JavaScript獲取偽元素(Pseudo-Element)屬性的方法技巧,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-03-03
等待指定時(shí)間后自動(dòng)跳轉(zhuǎn)或關(guān)閉當(dāng)前頁面的js代碼
本文為大家詳細(xì)介紹下如何通過js實(shí)現(xiàn)等待指定時(shí)間后自動(dòng)跳轉(zhuǎn)或關(guān)閉當(dāng)前頁面的腳步代碼,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-07
JavaScript實(shí)現(xiàn)煙花綻放動(dòng)畫效果
這篇文章主要介紹了JavaScript如何實(shí)現(xiàn)煙花綻放動(dòng)畫效果,文中講解非常細(xì)致,代碼幫助大家更好的理解和學(xué)習(xí),感興趣的朋友可以了解下2020-08-08
JS面向?qū)ο缶幊虒?shí)現(xiàn)的Tab選項(xiàng)卡案例詳解
這篇文章主要介紹了JS面向?qū)ο缶幊虒?shí)現(xiàn)的Tab選項(xiàng)卡,結(jié)合具體案例形式詳細(xì)分析了JS基于面向?qū)ο蟪绦蛟O(shè)計(jì)實(shí)現(xiàn)Tab選項(xiàng)卡的相關(guān)操作技巧,需要的朋友可以參考下2020-03-03

