關於瀏覽器兼容注意事項@Xan

 一、IE內核瀏覽器:html標籤<a>連接問題,javascript

  • href="javascript:js_method();" 使用a標籤進行調用函數,該寫法在IE內核的瀏覽器中不兼容,傳遞this等參數的時候很容易出問題
  • href="javascript:void(0);" onclick="js_method()" 這種方法是不少網站最經常使用的方法,也是最周全的方法,onclick方法負責執行js函數,而void是一個操做符,void(0)返回undefined,地址不發生跳轉。並且這種方法不會像第一種方法同樣直接將js方法暴露在瀏覽器的狀態欄。
  •  href="javascript:;" onclick="js_method()"  這種方法跟上面這種相似,區別只是執行了一條空的js代碼。
  •  href="#" onclick="js_method()"  #是標籤內置的一個方法,表明top的做用。因此用這種方法點擊後網頁後返回到頁面的最頂端,這個與Javascript不要緊了, 並非沒有連接,而是前往當前網頁的頂部,若是你的網頁比較長,須要向下拉很遠的滾動條,這時候你若是想快速地返回到頂部,那麼就用這個連接,點一下,網頁的滾動條就到最上方了,這種使用#對連接進行標識的用法,叫作錨。
  •  href="#" onclick="js_method();return false;"   這種方法點擊執行了js函數後return false,頁面不發生跳轉,執行後仍是在頁面的當前位置。

綜合上述,在a中調用js函數最適當的方法推薦使用方式:html

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

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

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

二、IE內核瀏覽器:標籤<a>連接地址有中文時,訪問時會報400,解決方法:使用js 方法encodeURIComponent()將中文進行轉碼函數

三、設置360瀏覽器使用急速模式,在頁面增長標籤<meta name="renderer" content="webkit">網站

相關文章
相關標籤/搜索