基于JavaScript代碼實(shí)現(xiàn)兼容各瀏覽器的設(shè)為首頁(yè)和加入收藏
現(xiàn)在的瀏覽器越來(lái)越多,這就使得網(wǎng)頁(yè)設(shè)計(jì)的兼容性要求越來(lái)越高,像常用的設(shè)為首頁(yè)、加入收藏代碼,一般的雖然簡(jiǎn)潔,但兼容性卻非常不好,加入收藏和設(shè)為首頁(yè)代碼幾乎各個(gè)網(wǎng)站都在頭部放上一個(gè),有沒(méi)有效果先不管,需求應(yīng)該是有的。
但是由于瀏覽器的兼容性問(wèn)題,之前用的很多代碼都失去效果,下面就給出一段能夠兼容各個(gè)瀏覽器的代碼,也不能夠算是兼容,只能說(shuō)在不支持的瀏覽器中能夠給出提示,代碼如下:
<!doctype html> <html> <head> <title>加入收藏和設(shè)為首頁(yè)</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("加入收藏失敗,請(qǐng)使用Ctrl+D進(jìn)行添加,或手動(dòng)在瀏覽器里進(jìn)行設(shè)置."); } } } //設(shè)為首頁(yè) function SetHome(url){ if (document.all){ document.body.style.behavior='url(#default#homepage)'; document.body.setHomePage(url); } else{ alert("您好,您的瀏覽器不支持自動(dòng)設(shè)置頁(yè)面為首頁(yè)功能,請(qǐng)您手動(dòng)在瀏覽器里設(shè)置該頁(yè)面為首頁(yè)!"); } } </script> </head> <body> <a href="javascript:void(0)">設(shè)為首頁(yè)</a> <a href="javascript:void(0)">加入收藏</a> </body> </html>
以上代碼簡(jiǎn)短易懂,可以兼容各個(gè)瀏覽器加入收藏和設(shè)為首頁(yè),有問(wèn)題歡迎提出,小編會(huì)及時(shí)和大家聯(lián)系的,謝謝!
下面給大家分享一段jquery代碼實(shí)現(xiàn)加入收藏夾功能
//設(shè)為首頁(yè) 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("該操作被瀏覽器拒絕,如果想啟用該功能,請(qǐng)?jiān)诘刂窓趦?nèi)輸入 about:config,然后將項(xiàng) 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; } }
相關(guān)文章
Javascript的并行運(yùn)算實(shí)現(xiàn)代碼
隨著多核cpu的普級(jí),并發(fā)/并行多線(xiàn)程運(yùn)算在主流的編程語(yǔ)言越來(lái)越流行,而在目前Javascript實(shí)現(xiàn)中還看不到在語(yǔ)言方面支持多線(xiàn)程,現(xiàn)在Javascript如此流行,真希望今后會(huì)在語(yǔ)言的層面有很大的變化.2010-11-11javascript 緩沖效果 實(shí)現(xiàn)代碼
非常漂亮的緩沖效果代碼,大家可以看看下。2009-06-06javascript 從if else 到 switch case 再到抽象
大家覺(jué)得在接手遺留代碼時(shí),見(jiàn)到什么東東是最讓人感到不耐煩的?復(fù)雜無(wú)比的 UML ?我覺(jué)得不是。2010-07-07關(guān)于JavaScript中的數(shù)組方法和循環(huán)
這篇文章主要介紹了關(guān)于JavaScript中的數(shù)組方法和循環(huán),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09用Javascript 和 CSS 實(shí)現(xiàn)腳注(Footnote)效果
腳注(Footnote)是向用戶(hù)提供更多信息的一個(gè)最佳途徑,也是主體信息的一個(gè)有效補(bǔ)充,常見(jiàn)于各種印刷書(shū)籍中。2009-09-09如何確保JavaScript的執(zhí)行順序 之實(shí)戰(zhàn)篇
我曾在文章《如何在多個(gè)頁(yè)面使用同一個(gè)HTML片段 - 續(xù)》的最后提到JavaScript順序執(zhí)行的特性。雖然現(xiàn)代瀏覽器可以并行的下載JavaScript(部分瀏覽器),但考慮到JavaScript的依賴(lài)關(guān)系,他們的執(zhí)行依然是按照引入順序進(jìn)行的。2011-03-03javascript中的Base64、UTF8編碼與解碼詳解
本文給大家介紹的是javascript中的Base64、UTF8編碼與解碼的函數(shù)源碼分享以及使用范例,十分實(shí)用,推薦給小伙伴們,希望大家能夠喜歡。2015-03-03Javascript連接Access數(shù)據(jù)庫(kù)完整實(shí)例
這篇文章主要介紹了Javascript連接Access數(shù)據(jù)庫(kù)的方法,涉及javascript針對(duì)access數(shù)據(jù)庫(kù)的連接、關(guān)閉及增刪改查等常用操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08JavaScript取得鍵盤(pán)按下方向鍵是哪個(gè)的方法
這篇文章主要介紹了JavaScript取得鍵盤(pán)按下方向鍵是哪個(gè)的方法,涉及javascript針對(duì)鍵盤(pán)按鍵事件的判定技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08