美文网首页
a标签的锚链接在火狐的兼容问题

a标签的锚链接在火狐的兼容问题

作者: 臭臭臭魁 | 来源:发表于2016-04-06 09:42 被阅读1817次
<a href="javascript:window.open('http://www.baidu.com');">百度一下</a>

通过a的href=“javascript:window.open('http://www.baidu.com');" 打开新的标签,javascript:前缀只能处理一个函数,不能处理多个函数。而且如果函数有返回值,那么 原先的页面会被返回值覆盖。。测试只有Firefox下才会被覆盖,返回[object Window],其他四大浏览器都没发现问题包括IE6。

可以通过以下方法结婚这个问题的存在。。

<a href="javascript:window.popup('http://www.baidu.com');">百度一下</a>
<script>
    function popup(url) {
        window.open(url)
    }
</script>

这种方法不好,因为在JavaScript禁用,锚链接就失效了。。不推荐。。但是应该了解一下。。

最好的是直接书写a标签的href属性。这样会在本窗口直接打开网页,而不是新的窗口;

<a href="http://www.baidu.com">百度一下</a>

想在href添加链接,又想在新窗口打开链接,,以下方法书写会更好:

<a href="http://www.baidu.com" onclick = "popup(this.href);return false">百度一下</a>
<script>
    function popup(url) {
        window.open(url)
    }
</script>

return false是阻止浏览器的默认行为,这里是herf链接,经测验return false不能写在popup函数里面,无效。。

先到这里,发现更好的方法继续补充。

相关文章

  • a标签的锚链接在火狐的兼容问题

    通过a的href=“javascript:window.open('http://www.baidu.com');...

  • 03onmousewheel

    兼容问题 火狐 兼容火狐注册方式DOMMouseScroll,使用addEventListener 其他使用onm...

  • THML

    1.HTML 1.a标签作用 超链接和本页面的锚链接。 锚链接是href属性”#要跳到的id”. 2.Pre标签,...

  • 使用JavaScript实现回到顶部效果

    锚链接使用锚链接方式实现回到顶部效果,是最简便的一种方式,即将标签a中的href属性值设置为#即可: ,便可实现...

  • 标签与锚链接的用法

    一、需求的背景: 当网站页面内容过多且比较长的时候,用户需要在网页里上下来回的翻滚,查阅页面的信息内容时,那使用浏...

  • 解决a标签默认事件,谷歌 IE 火狐兼容问题

    这么做兼容的原因是: 目前三大主流浏览器,对三个属性的处理顺序不同。 Chrome:onclick ->href ...

  • 锚链接&&效果优化

    用锚链接时,有时会有卡顿效果,这时 可不用锚链接这个方法,思路:获取到想要跳转的标签,获得页面偏移数值,使用scr...

  • 2018-08-07

    有档锚链www.anchorchaincn.com 有档锚链属于锚链的一种,锚链是连接船体与锚的钢质链条。锚链的作...

  • 2018-07-31

    无档锚链www.anchorchaincn.com 无档锚链属于锚链的一种,锚链是连接船体与锚的钢质链条。锚链的作...

  • 锚链厂对锚链回收的要求

    当锚链用完后,要将锚链复原,锚链厂建议其操作步骤是: 1)将锚链绞进,把第一、二节锚链连接好,然后将甲板上的锚链绞...

网友评论

      本文标题:a标签的锚链接在火狐的兼容问题

      本文链接:https://www.haomeiwen.com/subject/yjzplttx.html