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

 1、IE內核瀏覽器:html標籤<a>鏈接問題,

  • 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函數最適當的方法推薦使用方式:

<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">

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章