快捷導(dǎo)航

js Firefox 加入收藏夾功能代碼兼容Firefox 和 IE

更新時間：2009年12月21日 22:53:29 投稿：mdxy-dxy

最近改用Firefox后，發(fā)現(xiàn)很多網(wǎng)站的“加入收藏”鏈接點擊無效了，后來發(fā)現(xiàn)原來是IE瀏覽器和Firefox瀏覽器的“加入收藏夾”的寫法是不同的。

完整代碼如下：chrome下也有提示，說實話一般這類代碼一般都是IE下使用，其它瀏覽器也只是給個提示了。

<script type="text/javascript">
//設(shè)為首頁 chabaoo.cn
function SetHome(obj,url){
  try{
    obj.style.behavior='url(#default#homepage)';
    obj.setHomePage(url);
  }catch(e){
    if(window.netscape){
     try{
       netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
     }catch(e){
       alert("抱歉，此操作被瀏覽器拒絕！\n\n請在瀏覽器地址欄輸入“about:config”并回車然后將[signed.applets.codebase_principal_support]設(shè)置為'true'");
     }
    }else{
    alert("抱歉，您所使用的瀏覽器無法完成此操作。\n\n您需要手動將【"+url+"】設(shè)置為首頁。");
    }
 }
}
 
//收藏本站 chabaoo.cn
function AddFavorite(title, url) {
 try {
   window.external.addFavorite(url, title);
 }
catch (e) {
   try {
    window.sidebar.addPanel(title, url, "");
  }
   catch (e) {
     alert("抱歉，您所使用的瀏覽器無法完成此操作。\n\n加入收藏失敗，請進入新網(wǎng)站后使用Ctrl+D進行添加");
   }
 }
}
</script>
<a href="javascript:void(0);" onclick="SetHome(this,'http://chabaoo.cn');">設(shè)為首頁</a>
<div class="text text2"><a href="javascript:void(0);" onclick="AddFavorite('腳本之家','http://chabaoo.cn')">收 藏 本 站</a>

下面是一些具體的講解：

1、IE瀏覽器加入收藏夾的代碼
　　window.external.addFavorite(sURL, sTitle);
參數(shù)：
sURL：添加到收藏夾的完整網(wǎng)站頁面地址
sTitle：添加到收藏夾中的網(wǎng)站頁面標題名稱。
　　示例：
<a href='#' onClick="javascript:window.external.AddFavorite('http://www.domain.com', '名字');">加入收藏</a>

2、Firefox瀏覽器加入收藏夾的代碼
　　Firefox中叫做加入書簽（收藏夾），代碼有兩種方式，一種同IE瀏覽器的方法類似，只不過是window.external.AddFavorite換成了sidebar.addPanel，另外一種卻十分簡單，只需要加一個參數(shù)就可以了。
　　第一種方法：
　　window.sidebar.addPanel(sTitle, sURL, "");
參數(shù)
sURL：收藏的網(wǎng)站頁面完整連接
sTitle：收藏網(wǎng)站頁面的名稱
　　示例：
<a href='#' onClick="javascript:window.sidebar.addPanel('名字','http://www.domain.com','');">收藏本站</a>
這里要注意，addPanel函數(shù)的參數(shù)順序與addFavorite剛好是相反的。
　　第二種方法：
　　在鏈接上添加rel="sidebar"屬性
　　示例：
<a href=http://www.domain.com title="名字" rel="sidebar">收藏本站</a>
注意：這里的title屬性就是收藏網(wǎng)站頁面的名稱。
3、兼容Firefox和IE瀏覽器的方法
既然Firefox提供了兩種方式，那么我們兼容Firefox和IE瀏覽器也可以用兩種方法了。
第一種方法：
這里用了一個變通的方式來解決這個問題，代碼比較清晰。這個是最好的方式了！

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

需要注意的是ie是域名在前面，firefox是域名在后門，最后留一個空字符。
第二種方法：
　　這個是最簡單的一個方法了，只有一句話。
　　<a onClick="javascript:window.external.AddFavorite('http://www.domain.com',' 名字');" title="名字" rel="sidebar">收藏本站</a>
但是這種方法有些問題，就是在IE下回同時打開鏈接中的地址。那么我們來優(yōu)化一下！
　　<a href="www.domain.com/" onclick="window.external.addFavorite(this.href,this.title);return false;" title='名字' rel="sidebar">加入收藏</a>
　　這樣就沒問題啦，哈哈！同時兼容IE6、IE7、Firefox、Opera等瀏覽器。
更多的兼容性更好的代碼，可以搜索腳本之家以前的文章。

腳本之家最下面的加入收藏設(shè)為首頁功能。

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: