真正兼容IE和FIREFOX的加入收藏夹代码

编程开发 / , / at

目前网上所流行的兼容IE和FIREFOX的加入收藏夹代码,是这样的

function bookmark(){
var title=document.title
var url=document.location.href
if (window.sidebar) window.sidebar.addPanel(title, url,"");
else if( window.opera && window.print ){
var mbm = document.createElement('a');
mbm.setAttribute('rel','sidebar');
mbm.setAttribute('href',url);
mbm.setAttribute('title',title);
mbm.click();}
else if( document.all ) window.external.AddFavorite( url, title);
}

HTML这样写

lt;a href="javascript:bookmark()">加到收藏</a>

但这样有一个问题,就是如果网页代码里出现名为sidebar的class,那么代码将不能运行,估计是window.sidebar误读为那个sidebar。
解决方案如下:不再用JAVASCRIPT调用来实现IE和FIREFOX的加入收藏夹代码,直接写入如下HTML代码

<a href=http://blog.fend.cn title="漫步浪尖" rel="sidebar" onclick="javascript:window.external.AddFavorite('http://blog.fend.cn', '漫步浪尖');return false;">加入收藏</a>

代码解释:
兼容IE6 IE7的加入收藏夹代码

<a href=http://blog.fend.cn onclick="javascript:window.external.AddFavorite('http://blog.fend.cn', '漫步浪尖');return false;">加入收藏</a>

兼容FIREFOX的加入收藏夹代码

<a href=http://blog.fend.cn title="漫步浪尖" rel="sidebar">加入收藏</a>

16条回应:“真正兼容IE和FIREFOX的加入收藏夹代码”

  1. feifei说道:

    你好,你的博客不能订阅RSS!

  2. 帽子nimis说道:

    确实不能订阅RSS~~

  3. freetao说道:

    我的方法是使用 gears API 提示创建桌面 快捷方式 来解决chrome不支持一键收藏的问题,有兴趣可以参考撒 http://goo.gl/jnAQc ,不过从chrome12起将移除gears支持,用或不用,还得自行考量了:) 。

  4. qq头像说道:

    不错。正在找这个功能代码呢。多谢分享。

  5. frank说道:

    有帮助,谢谢分享!

  6. […] 以下红色代码为网页收藏代码。转自:加入收藏夹代码 […]

  7. laugh_xu说道:

    qqq,很好,用上了~~~

  8. 请问有没有可以添加指定网页到收藏夹的代码?

  9. 植物租赁说道:

    为什么我的网站用360不兼容,收藏不了

  10. 微历史说道:

    ie下容易,但是ff还是调试通不过

  11. 这孩子说道:

    做好用户体验的话可以学习大型网站的兼容做法

  12. 顶固衣柜说道:

    有一点点看不懂

  13. 站长工具说道:

    博客玩的不错 喜欢继续努力把

  14. 三亚拍婚纱说道:

    天容水色西湖好,云物俱鲜。

发表评论

电子邮件地址不会被公开。 必填项已用*标注