博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
加入收藏兼容ie和火狐
阅读量:6681 次
发布时间:2019-06-25

本文共 1630 字,大约阅读时间需要 5 分钟。

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

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

window.external.addFavorite(sURL, sTitle);

参数:
sURL:添加到收藏夹的完整网站页面地址
sTitle:添加到收藏夹中的网站页面标题名称。

示例:

<a href='#' onClick="javascript:window.external.AddFavorite('http://weste.net', '-软件教程');">加入收藏</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://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="#" οnclick="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/" οnclick="window.external.addFavorite(this.href,this.title);return false;" title='西部e网-软件教程' rel="sidebar">加入收藏</a>

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

转载于:https://www.cnblogs.com/yuwensong/archive/2013/03/18/2966294.html

你可能感兴趣的文章
TOJ 4383: n % ( pow( p , 2) ) ===0
查看>>
oracle数据库学习
查看>>
C语言程序,找出一个二维数组的鞍点。
查看>>
微信公众号开发——入门
查看>>
移动端分页
查看>>
清除img和文字间的空隙【vertical-align的用途】
查看>>
MySql的安装、配置(转)
查看>>
C++虚函数及虚函数表解析
查看>>
限制文本控件输入数据格式
查看>>
1058. 选择题(20)
查看>>
回望2018,计划2019
查看>>
Andriod 第五课----图形界面
查看>>
基于sklearn的常用分类任务指标Python实现
查看>>
一些关于Hibernate延迟加载的误区
查看>>
设计模式之缺省适配模式
查看>>
qsort函数辅助函数compare函数的编写
查看>>
项目选题报告答辩总结模板
查看>>
最小费用最大流
查看>>
uva 10972 RevolC FaeLoN
查看>>
玩转Android之Drawable的使用
查看>>