加入收藏夹 js 代码 兼容Firefox 和 IE
2009-12-21 17:56
423 查看
最近改用Firefox后,发现很多网站的“加入收藏”链接点击无效了,后来发现原来是IE浏览器和Firefox浏览器的“加入收藏夹”的写法是不同的。
1、IE浏览器加入收藏夹的代码
window.external.addFavorite(sURL, sTitle);
参数:
sURL:添加到收藏夹的完整网站页面地址
sTitle:添加到收藏夹中的网站页面标题名称。
示例:
<a href='#' onClick="javascript:window.external.AddFavorite('http://www.domain.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.domain.com','');">收藏本站</a>
这里要注意,addPanel函数的参数顺序与addFavorite刚好是相反的。
第二种方法:
在链接上添加rel="sidebar"属性
示例:
<a href=http://www.domain.com title="名字" rel="sidebar">收藏本站</a>
注意:这里的title属性就是收藏网站页面的名称。
3、兼容Firefox和IE浏览器的方法
既然Firefox提供了两种方式,那么我们兼容Firefox和IE浏览器也可以用两种方法了。
第一种方法:
这里用了一个变通的方式来解决这个问题,代码比较清晰。这个是最好的方式了!
<script>
function addfavorite()
{
if (document.all)
{
window.external.addFavorite('http://www.domain.com','名字');
}
else if (window.sidebar)
{
window.sidebar.addPanel('名字', 'www.domain.com', "");
}
}
</script>
<a href="#" onclick="addfavorite()">加入收藏</a>
第二种方法:
这个是最简单的一个方法了,只有一句话。
<a href='http://www.domain.com'
onClick="javascript:window.external.AddFavorite('http://www.domain.com','
名字');" title="名字" rel="sidebar">收藏本站</a>
但是这种方法有些问题,就是在IE下回同时打开链接中的地址。那么我们来优化一下!
<a href="www.domain.com/"
onclick="window.external.addFavorite(this.href,this.title);return
false;" title='名字' rel="sidebar">加入收藏</a>
这样就没问题啦,哈哈!同时兼容IE6、IE7、Firefox、Opera等浏览器。
1、IE浏览器加入收藏夹的代码
window.external.addFavorite(sURL, sTitle);
参数:
sURL:添加到收藏夹的完整网站页面地址
sTitle:添加到收藏夹中的网站页面标题名称。
示例:
<a href='#' onClick="javascript:window.external.AddFavorite('http://www.domain.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.domain.com','');">收藏本站</a>
这里要注意,addPanel函数的参数顺序与addFavorite刚好是相反的。
第二种方法:
在链接上添加rel="sidebar"属性
示例:
<a href=http://www.domain.com title="名字" rel="sidebar">收藏本站</a>
注意:这里的title属性就是收藏网站页面的名称。
3、兼容Firefox和IE浏览器的方法
既然Firefox提供了两种方式,那么我们兼容Firefox和IE浏览器也可以用两种方法了。
第一种方法:
这里用了一个变通的方式来解决这个问题,代码比较清晰。这个是最好的方式了!
<script>
function addfavorite()
{
if (document.all)
{
window.external.addFavorite('http://www.domain.com','名字');
}
else if (window.sidebar)
{
window.sidebar.addPanel('名字', 'www.domain.com', "");
}
}
</script>
<a href="#" onclick="addfavorite()">加入收藏</a>
第二种方法:
这个是最简单的一个方法了,只有一句话。
<a href='http://www.domain.com'
onClick="javascript:window.external.AddFavorite('http://www.domain.com','
名字');" title="名字" rel="sidebar">收藏本站</a>
但是这种方法有些问题,就是在IE下回同时打开链接中的地址。那么我们来优化一下!
<a href="www.domain.com/"
onclick="window.external.addFavorite(this.href,this.title);return
false;" title='名字' rel="sidebar">加入收藏</a>
这样就没问题啦,哈哈!同时兼容IE6、IE7、Firefox、Opera等浏览器。
相关文章推荐
- 精品js Firefox 加入收藏夹功能代码 兼容Firefox 和 IE等各种浏览器
- 添加到收藏夹的js代码(兼容IE,Firefox)
- 兼容IE、FF的将当前页加入收藏夹和设为首页的js代码
- 兼容IE和fireFox的设为首页、加入收藏JS代码
- JS兼容Firefox IE加入收藏 设为首页代码
- 设为首页JS,加入收藏夹js,加入收藏夹代码,设为首页代码,火狐和ie兼容
- 支持IE和firefox多种浏览器的加入收藏夹js代码
- js加入收藏夹代码(兼容ie/ff/op)
- 设为首页JS,加入收藏夹js,加入收藏夹代码,设为首页代码,火狐和ie兼容
- js加入收藏夹代码(兼容ie/ff/op)
- 兼容ie和firefox的加入收藏夹js
- js之完全兼容ie与firefox的拖动层代码[测试好用]
- JS实时显示当前时间(IE+firefox)浏览器兼容代码(图证)
- IE、Firefox、Chrome 的JS代码兼容注意事项
- JS控制图片翻转代码,兼容firefox,ie,chrome等浏览器
- 通用的加入收藏夹代码支持IE Firefox等浏览器
- 复制到剪贴板的js代码(兼容ie、firefox、chorme、safari...什么都兼容!)