最近改用Firefox後,發現不少網站的「加入收藏」連接點擊無效了,後來發現原來是IE瀏覽器和Firefox瀏覽器的「加入收藏夾」的寫法是不一樣的。
一、IE瀏覽器加入收藏夾的代碼javascript
window.external.addFavorite(sURL, sTitle);
參數:
sURL:添加到收藏夾的完整網站頁面地址
sTitle:添加到收藏夾中的網站頁面標題名稱。html
示例:
<a href='#' onClick="javascript:window.external.AddFavorite('http://www.sdi1.com', '白金賬號主題站');">加入收藏</a>java
二、Firefox瀏覽器加入收藏夾的代碼瀏覽器
Firefox中叫作加入書籤(收藏夾),代碼有兩種方式,一種同IE瀏覽器的方法相似,只不過是window.external.AddFavorite換成了sidebar.addPanel,另一種卻十分簡單,只須要加一個參數就能夠了。ide
第一種方法:函數
window.sidebar.addPanel(sTitle, sURL, "");
參數
sURL:收藏的網站頁面完整鏈接
sTitle:收藏網站頁面的名稱優化
示例:
<a href='#' onClick="javascript:window.sidebar.addPanel('白金賬號主題站','http://www.sdi1.com','');">收藏本站</a>
這裏要注意,addPanel函數的參數順序與addFavorite恰好是相反的。網站
第二種方法:this
在連接上添加rel="sidebar"屬性spa
示例:
<a href=http://www.sdi1.com title="白金賬號主題站" rel="sidebar">收藏本站</a>
注意:這裏的title屬性就是收藏網站頁面的名稱。
三、兼容Firefox和IE瀏覽器的方法
既然Firefox提供了兩種方式,那麼咱們兼容Firefox和IE瀏覽器也能夠用兩種方法了。
第一種方法:
這裏用了一個變通的方式來解決這個問題,代碼比較清晰。這個是最好的方式了!
- <mce:script type="text/javascript"><!--
- function addfavorite()
- {
- if (document.all)
- {
- window.external.addFavorite('http://www.sdi1.com','白金賬號主題站');
- }
- else if (window.sidebar)
- {
- window.sidebar.addPanel('白金賬號主題站', 'http://www.sdo1.com', "");
- }
- }
- // --></mce:script>
- <a href="#" mce_href="#" onclick="addfavorite()">加入收藏</a>
<mce:script type="text/javascript"><!-- function addfavorite() { if (document.all) { window.external.addFavorite('http://www.sdi1.com','白金賬號主題站'); } else if (window.sidebar) { window.sidebar.addPanel('白金賬號主題站', 'http://www.sdo1.com', ""); } } // --></mce:script> <a href="#" mce_href="#" onclick="addfavorite()">加入收藏</a>
第二種方法:
這個是最簡單的一個方法了,只有一句話。
- <a href="http://weste.net" mce_href="http://weste.net" onClick="javascript:window.external.AddFavorite('http://www.sdi1.com','白金賬號主題站');" title="白金賬號主題站" rel="sidebar">收藏本站</a>
<a href="http://weste.net" mce_href="http://weste.net" onClick="javascript:window.external.AddFavorite('http://www.sdi1.com','白金賬號主題站');" title="白金賬號主題站" rel="sidebar">收藏本站</a>
可是這種方法有些問題,就是在IE下會同時打開連接中的地址。那麼咱們來優化一下!
- <a href="http://www.sdo1.com/" mce_href="http://www.sdo1.com/" onclick="window.external.addFavorite(this.href,this.title);return false;" title='白金賬號主題站' rel="sidebar">加入收藏</a>
<a href="http://www.sdo1.com/" mce_href="http://www.sdo1.com/" onclick="window.external.addFavorite(this.href,this.title);return false;" title='白金賬號主題站' rel="sidebar">加入收藏</a>
這樣就沒問題啦,哈哈!同時兼容IE六、IE七、Firefox、Opera等瀏覽器。