关于浏览器兼容注意事项@Xan

2019独角兽企业重金招聘Python工程师标准>>>

 1、IE内核浏览器：html标签<a>链接问题，

• href="javascript:js_method();" 使用a标签进行调用函数，该写法在IE内核的浏览器中不兼容，传递this等参数的时候很容易出问题
• href="javascript:void(0);" οnclick="js_method()" 这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。
•  href="javascript:;" οnclick="js_method()"  这种方法跟上面这种类似，区别只是执行了一条空的js代码。
•  href="#" οnclick="js_method()"  #是标签内置的一个方法，代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端，这个与Javascript没关系了， 并不是没有链接，而是前往当前网页的顶部，如果你的网页比较长，需要向下拉很远的滚动条，这时候你如果想快速地返回到顶部，那么就用这个链接，点一下，网页的滚动条就到最上方了，这种使用#对链接进行标识的用法，叫做锚。
•  href="#" οnclick="js_method();return false;"   这种方法点击执行了js函数后return false，页面不发生跳转，执行后还是在页面的当前位置。

综合上述，在a中调用js函数最适当的方法推荐使用方式：

<a href="javascript:void(0);" onclick="js_method()"></a>

<a href="javascript:;" onclick="js_method()"></a>

<a href="#" onclick="js_method();return false;"></a>

2、IE内核浏览器：标签<a>链接地址有中文时，访问时会报400，解决方法：使用js 方法encodeURIComponent()将中文进行转码

3、设置360浏览器使用急速模式，在页面增加标签<meta name="renderer" content="webkit">

 

转载于:https://my.oschina.net/u/3756527/blog/1806361