前言:
這是一個比較簡單的問題,也有人犯過這樣的錯誤,如果你是一個人在編碼,并且沒有專門的去測試瀏覽器差異,這個或許會坑到你

問題描述:
用input標簽的時候,需要把這個input隱藏掉,于是先這樣做:

<input hidden id="xxx" value="xxx"/>

這行代碼運行后,在谷歌瀏覽器完美的隱藏了這個input,但在360瀏覽器上卻展示出來了,并沒有隱藏.

修改后:

<input type="hidden" id="xxx" value="xxx"/>

問題很容易解決了,因為后面這種寫法是常規寫法,哪個老師教最開始也都是這種寫法

透過問題看本質:
首先,用第二種寫法type=”hidden”去隱藏一個input標簽,任何瀏覽器都是認這種寫法的,但由于各個瀏覽器的內核不同,導致第一種寫法,某些內核的瀏覽器就認不出來了

接下來簡單說說瀏覽器的內核(某度搜的,感覺寫的很好):
瀏覽器內核又可以分成兩部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。它負責取得網頁的內容（HTML、XML、圖像等等）、整理訊息（例如加入 CSS 等），以及計算網頁的顯示方式，然后會輸出至顯示器或打印機。瀏覽器的內核的不同對于網頁的語法解釋會有不同，所以渲染的效果也不相同。所有網頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網絡內容的應用程序都需要內核。JS 引擎則是解析 Javascript 語言，執行 javascript 語言來實現網頁的動態效果。最開始渲染引擎和 JS 引擎并沒有區分的很明確，后來 JS 引擎越來越獨立，內核就傾向于只指渲染引擎。有一個網頁標準計劃小組制作了一個 ACID 來測試引擎的兼容性和性能。內核的種類很多，如加上沒什么人使用的非商業的免費內核，可能會有 10 多種，但是常見的瀏覽器內核可以分這四種：Trident、Gecko、Blink、Webkit。

眾多瀏覽器及其對應使用的內核:
1、IE瀏覽器內核：Trident內核，也是俗稱的IE內核；
2、Chrome瀏覽器內核：統稱為Chromium內核或Chrome內核，以前是Webkit內核，現在是Blink內核；
3、Firefox瀏覽器內核：Gecko內核，俗稱Firefox內核；
4、Safari瀏覽器內核：Webkit內核；
5、Opera瀏覽器內核：最初是自己的Presto內核，后來加入谷歌大軍，從Webkit又到了Blink內核；
6、360瀏覽器、獵豹瀏覽器內核：IE+Chrome雙內核；
7、搜狗、遨游、QQ瀏覽器內核：Trident（兼容模式）+Webkit（高速模式）；
8、百度瀏覽器、世界之窗內核：IE內核；
9、2345瀏覽器內核：好像以前是IE內核，現在也是IE+Chrome雙內核了；
10、UC瀏覽器內核：這個眾口不一，UC說是他們自己研發的U3內核，但好像還是基于Webkit和Trident，還有說是基于火狐內核。

總結

以上是生活随笔為你收集整理的[前台]---input标签中的hidden,浏览器差异问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。