跳到主要內容

大家都做的事並不一定是對的

剛才MIS小姐的程式出現一個奇怪的Bug,在IE可以正常執行但是在Chrome完全沒有反應。我看了一下發現她用AJAX load一個完整的html進來塞在div裏,她認為這樣在第一頁有載入 jQuery,在這頁就不用再載入。


她在別人的網頁看到這種做法,但是大家都做的事並不一定是對的
首先,html、head、body都是只允許出現一次的tag,所以正確的做法應該是在div裏做個iframe再指向html。若想要做成網頁的一部份,就應該只load進部份的html內容而不能包含html、body等tag。
其次,因為是不標準的做法,所以各家瀏覽器對這種情況的處理就不一致,不能怪Chrome認為jQuery不存在。目前雖然可以在動態載入頁面載入jQuery的script tag暫時解決,不代表這種做法是對的,未來的版本仍可能會改變此行為。

Update:向神人朱大師請教後,才知道我只看到結果,但推論是錯的!
大師說:
jQuery 用 ajax load html 時,會自動把 html, body 濾掉;載入時 HTML 還是全部會載進來,然後 jQuery 才會用 dom 的方式去濾掉,所以在濾之前的 dom 載入動作,就要看各家瀏覽器怎麼實作。
保險的方式,是請小姐把 script 標籤移到</body> 之前,各家瀏覽器對 JavaScript 語法的容錯程度不一,還是標準一點好

今天這件事就像很多人都有陽台外推,在頂樓搭違建或占用家門口的馬路當車位一樣,雖然大家都這麼做,不代表你可以這麼做,未來可能也不允許這麼幹呀!

留言

這個網誌中的熱門文章

在Windows Server設定L2TP over IPSec VPN

簡單地說,macOS Sierra與iOS 10發表後,大家忽然發現Apple不再支援PPTP,所以一定得設定其他的VPN型態。若不要另外裝client,用L2TP是最方便的,SSL VPN雖然好,但若沒有安裝Agent要連線到任一電腦或是非網頁服務還是挺麻煩的。

自然人憑證讀卡機驅動程式

鳥毅用的是第一代的自然人憑證讀卡機,EZ100PU(後來有同事買EZmini可以讀SIM卡似乎更好),每年報稅時用一次。 本來只是要申請些政府業務,一時之間找不到光碟,沒想到在 驅動程式下載 居然看到Linux和Mac的驅動程式,剩下的就是政府單位的網頁和程式應該改版了吧!!!

DBeaver 介面語言

DBeaver是我個人頗常用的一套跨平台Database管理工具,最近升級後發現Windows版本居然變成簡體中文,而且無法切換為英文。