zoukankan      html  css  js  c++  java
  • 点击按钮添加进收藏夹(兼容主流浏览器)

    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浏览器也可以用两种方法了。
    第一种方法:
    这里用了一个变通的方式来解决这个问题,代码比较清晰。这个是最好的方式了!

    需要注意的是ie是域名在前面,firefox是域名在后门,最后留一个空字符。
    第二种方法:
      这个是最简单的一个方法了,只有一句话。
      <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等主流浏览器。

  • 相关阅读:
    在vue项目中引用element-ui时 让el-input 获取焦点的方法
    vue cli 平稳升级webapck4
    如何在 vuex action 中获取到 vue 实例
    Vue主要原理最简实现与逻辑梳理
    vue自定义指令clickoutside扩展--多个元素的并集作为inside
    关于使用element中的popup问题
    教你如何检查一个函数是否为JavaScript运行时环境内建函数
    用 Vue 做一个简单的购物app
    vue 手机键盘把底部按钮顶上去
    基于Linux的智能家居的设计(2)
  • 原文地址:https://www.cnblogs.com/lechie/p/2383241.html
Copyright © 2011-2022 走看看