开发者社区> wensongyu> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

加入收藏兼容ie和火狐

简介: 最近改用Firefox后,发现很多网站的“加入收藏”链接点击无效了,后来发现原来是IE浏览器和Firefox浏览器的“加入收藏夹”的写法是不同的。 1、IE浏览器加入收藏夹的代码 window.external.addFavorite(sURL, sTitle);参数:sURL:添加到收藏夹的完整网站页面地址sTitle:添加到收藏夹中的网站页面标题名称。
+关注继续查看

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

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

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

示例:
<a href='#' onClick="javascript:window.external.AddFavorite('http://weste.net', '西部e网-软件教程');">加入收藏</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://weste.net','');">收藏本站</a>
这里要注意,addPanel函数的参数顺序与addFavorite刚好是相反的。

第二种方法:

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

示例:
<a href="http://weste.net" title="西部e网-软件教程" rel="sidebar">收藏本站</a>
注意:这里的title属性就是收藏网站页面的名称。

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

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

第一种方法:

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

<script>
function addfavorite()
{
   if (document.all)
   {
      window.external.addFavorite('http://weste.net','西部e网-软件教程');
   }
   else if (window.sidebar)
   {
      window.sidebar.addPanel('西部e网-软件教程', 'http://weste.net',  "");
   }
}
</script>
<a href="#" onclick="addfavorite()">加入收藏</a>

第二种方法:

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

<a href='http://weste.net' onClick="javascript:window.external.AddFavorite('http://weste.net','西部e网-软件教程');" title="西部e网-软件教程" rel="sidebar">收藏本站</a>
但是这种方法有些问题,就是在IE下回同时打开链接中的地址。那么我们来优化一下!

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

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
io和nio的区别
i/o即input/output,就是指读写操作
45 0
Hadoop-Impala优化十大指导原则和最佳实践(一)
以下是性能准则和最佳做法。您可以使用在规划过程中实验,和hadoop集群一起进行impala的性能调整。所有这些信息也可在文档的其他地方更详细的impala文档;以下是优化的方法措施,强调优化调优技术提供最高的投资回报
581 0
10x系列之Clay.io的服务发现
本文讲的是10x系列之Clay.io的服务发现,【编者的话】Clay.io的Zoli Kahan撰写了“10X”系列博文,分享如何只使用一个很小的团队支撑Clay.io的大规模应用。本文是整个系列的第四篇,介绍如何构建一个服务发现系统。
1449 0
开源IM工程“蘑菇街TeamTalk”的现状:一场有始无终的开源秀
前言 随着云IM的发展,已吸引越来越多有IM需求的APP接入。但考虑到云IM无论从商业模式还是运营模式上,还需经过多年的沉淀,才可能真正实现客户与服务商的运营和服务良性循环的双赢局面。
2349 0
简单的鼠标可拖动div 兼容IE/FF
来源:http://www.cnblogs.com/imwtr/p/4355416.html 作者: 主要思路: 一个div,注册监听onmousedown事件,然后处理获取的对象及其相关值(对象高度,clientX/clientY位置等) 并继而转为监测onmousemove事件,在鼠标移动事件中更新div对象的位置属性 鼠标松开的时候解除监听,更新位置完成。
886 0
漂浮广告代码兼容ie、firefox,多个漂浮不冲突,调用只需两行代码
原文:漂浮广告代码兼容ie、firefox,多个漂浮不冲突,调用只需两行代码 将广告内容放在div中,设置一个id,然后用下面方法调用var adcls=new AdMove("div的id");adcls.
850 0
+关注
374
文章
5
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载