您的位置:首页 > 编程语言

兼容Firefox和IE浏览器的“加入收藏”代码

2010-08-18 19:36 274 查看
1、IE浏览器加入收藏夹的代码

window.external.addFavorite(sURL, sTitle);

参数:

sURL:添加到收藏夹的完整网站页面地址

sTitle:添加到收藏夹中的网站页面标题名称。

示例:

<a href='#' onClick="javascript:window.external.AddFavorite
('http://blog.csdn.net/gaogao0603/', 'gaogao0603的专栏');">加入收藏</a>

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

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

第一种方法:

window.sidebar.addPanel(sTitle, sURL, "");

参数

sURL:收藏的网站页面完整连接

sTitle:收藏网站页面的名称

示例:

<a href='#' onClick="javascript:window.sidebar.addPanel
('西部e网-软件教程','http://blog.csdn.net/gaogao0603/,'');">收藏本站</a>

这里要注意,addPanel函数的参数顺序与addFavorite刚好是相反的。

第二种方法:

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

示例:

<a href="http://blog.csdn.net/gaogao0603/" title="gaogao0603的专栏" rel="sidebar"
>收藏本站</a>

注意:这里的title属性就是收藏网站页面的名称。

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

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

第一种方法:

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

<script>

function addfavorite()

{

if (document.all)

{

window.external.addFavorite('http://blog.csdn.net/gaogao0603/','gaogao0603的专栏');

}

else if (window.sidebar)

{

window.sidebar.addPanel('gaogao0603的专栏', 'http://blog.csdn.net/gaogao0603/', "");

}

}

</script>

<a href="#" onclick="addfavorite()">加入收藏</a>

第二种方法:

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

<a href='http://weste.net'
onClick="javascript:window.external.AddFavorite('http://blog.csdn.net/gaogao0603/','gaogao0603的专栏');" title="西部e网-软件教程" rel="sidebar">收藏本站</a>

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

<a href="http://blog.csdn.net/gaogao0603/" onclick="window.external.addFavorite
(this.href,this.title);return false;" title
='西部e网-软件教程' rel="sidebar"
>加入收藏</a>

这样就没问题啦,哈哈!同时兼容IE6、IE7、Firefox、Opera等浏览器。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: