日曆
最新評論
統計
13 Jul.2010

同时兼容Firefox和IE的“收藏”代码 不指定

作者: 点击生活   分類:电脑应用 » 程序源码   出處:本站原創       | |

最近用Firefox后,发现很多网站上的“加入收藏”链接点击无效了,后来发现原来是IE浏览器和Firefox浏览器的“加入收藏”的写法是不同的。

1、IE浏览器加入收藏夹的代码

window.external.addFavorite(sURL, sTitle);
参数:
sURL:添加到收藏夹的完整网站页面地址
sTitle:添加到收藏夹中的网站页面标题名称。

示例:
<a href='#' onClick="javascript:window.external.AddFavorite('http://www.skycn.com', '天空软件站');">加入收藏</a>

2、Firefox浏览器加入收藏夹的代码

Firefox中叫做加入书签(收藏夹),代码有两种方式,一种同IE浏览器的方法类似,只不过是window.external.AddFavorite换成了sidebar.addPanel,另外一种却十分简单,只需要加一个参数就可以了。

第一种方法:

window.sidebar.addPanel(sTitle, sURL, "");
参数
sURL:收藏的网站页面完整连接
sTitle:收藏网站页面的名称

示例:
<a href='#' onClick="javascript:window.sidebar.addPanel('天空软件站','http://www.skycn.com','');">收藏本站</a>
这里要注意,addPanel函数的参数顺序与addFavorite刚好是相反的。

第二种方法:

在链接上添加rel="sidebar"属性

示例:
<a href=http://www.skycn.com title="天空软件站" rel="sidebar">收藏本站</a>
注意:这里的title属性就是收藏网站页面的名称。

3、兼容Firefox和IE浏览器的方法

既然Firefox提供了两种方式,那么我们兼容Firefox和IE浏览器也可以用两种方法了。

第一种方法:

这里用了一个变通的方式来解决这个问题,代码比较清晰。这个是最好的方式了!

<script>
function addfavorite()
{
if (document.all)
{
window.external.addFavorite('http://www.skycn.com','天空软件站');
}
else if (window.sidebar)
{
window.sidebar.addPanel('天空软件站', 'http://www.skycn.com', "");
}
}
</script>
<a href="http://my.clicknow.cn/admin.php#" onclick="addfavorite()">加入收藏</a>

第二种方法:

这个是最简单的一个方法了,只有一句话。

<a href='http://weste.net' onClick="javascript:window.external.AddFavorite('http://www.skycn.com','天空软件站');" title="天空软件站" rel="sidebar">收藏本站</a>

但是这种方法有些问题,就是在IE下回同时打开链接中的地址。那么我们来优化一下!

<a href="http://www.skycn.com/" onclick="window.external.addFavorite(this.href,this.title);return false;" title='天空软件站' rel="sidebar">加入收藏</a>

这样就没问题啦,同时兼容IE6、IE7、Firefox、Opera等浏览器。

時間:21:59 評論(0) 引用(0) 閱讀(34) Tags: ,
發表評論
  暱稱 [註冊]
  密碼 (訪客無需密碼)
  網址
  電郵
OpenID登入 权限选项 表情