快捷導(dǎo)航

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

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

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

完整代碼如下：chrome下也有提示，說(shuō)實(shí)話一般這類(lèi)代碼一般都是IE下使用，其它瀏覽器也只是給個(gè)提示了。

<script type="text/javascript">
//設(shè)為首頁(yè) www.dbjr.com.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請(qǐng)?jiān)跒g覽器地址欄輸入“about:config”并回車(chē)然后將[signed.applets.codebase_principal_support]設(shè)置為'true'");
     }
    }else{
    alert("抱歉，您所使用的瀏覽器無(wú)法完成此操作。\n\n您需要手動(dòng)將【"+url+"】設(shè)置為首頁(yè)。");
    }
 }
}
 
//收藏本站 www.dbjr.com.cn
function AddFavorite(title, url) {
 try {
   window.external.addFavorite(url, title);
 }
catch (e) {
   try {
    window.sidebar.addPanel(title, url, "");
  }
   catch (e) {
     alert("抱歉，您所使用的瀏覽器無(wú)法完成此操作。\n\n加入收藏失敗，請(qǐng)進(jìn)入新網(wǎng)站后使用Ctrl+D進(jìn)行添加");
   }
 }
}
</script>
<a href="javascript:void(0);" onclick="SetHome(this,'http://www.dbjr.com.cn');">設(shè)為首頁(yè)</a>
<div class="text text2"><a href="javascript:void(0);" onclick="AddFavorite('腳本之家','http://www.dbjr.com.cn')">收 藏 本 站</a>

下面是一些具體的講解：

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

2、Firefox瀏覽器加入收藏夾的代碼
　　Firefox中叫做加入書(shū)簽（收藏夾），代碼有兩種方式，一種同IE瀏覽器的方法類(lèi)似，只不過(guò)是window.external.AddFavorite換成了sidebar.addPanel，另外一種卻十分簡(jiǎn)單，只需要加一個(gè)參數(shù)就可以了。
　　第一種方法：
　　window.sidebar.addPanel(sTitle, sURL, "");
參數(shù)
sURL：收藏的網(wǎng)站頁(yè)面完整連接
sTitle：收藏網(wǎng)站頁(yè)面的名稱(chē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)站頁(yè)面的名稱(chēng)。
3、兼容Firefox和IE瀏覽器的方法
既然Firefox提供了兩種方式，那么我們兼容Firefox和IE瀏覽器也可以用兩種方法了。
第一種方法：
這里用了一個(gè)變通的方式來(lái)解決這個(gè)問(wèn)題，代碼比較清晰。這個(gè)是最好的方式了！

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

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

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

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

您可能感興趣的文章: