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