Fork me on GitHub

踩坑集锦一之浏览器兼容问题

最近在项目中遇到一个浏览器兼容性问题。

背景: 用户点击某图标,弹出提示框,2s后提示框消失。

目前的做法:

1
<a href="javascript:$('.d-layer').show();$('.d-layer').delay(3000).hide(0)"><img src="xxx"/></a>

在谷歌浏览器中这种能够正常达到需求,但是在IE浏览器下(IE11)、火狐浏览器(50.0.2)不能够正常兼容

后面改成:

1
<a href="#" onclick="javascript:$('.d-layer').show();$('.d-layer').delay(3000).hide(0)"><img src="xxx"/></a>

解决了三者的兼容性问题。

经实验 ,发现火狐浏览器标签a的href执行js代码时不能执行台复杂的语句,只能执行单语句代码。

例如:

1
2
<a href="javascript:func();" //可以执行
<a href="javascript:func();funb();" //失败

Thanks!