IE瀏覽器調用jquery需要注意的小問題

標籤：style   http   color   使用   java   sp   檔案   div   問題   

今天在進行前端重構的時候發現了一個非常奇怪的瀏覽器安全色性問題，我想在網頁上放一個JS的特效，於是下載了jquery-easyui，經過修改完成所需要的效果後，準備放入項目中，發現在IE瀏覽器中無法運行，而該特效的效果在chrome瀏覽器中則可以相當正常的顯示，之後放到IE8瀏覽器及其相容模式下也出現了一些問題。

IE8中只顯示了當前頁面的背景，頁面所有內容都沒有顯示，我起初懷疑可能是jsp解析成html原始碼時出現問題，可是檢查了一下，並且使用html頁面測試了一下，仍然是同樣的情況。感覺相當的奇怪，經過幾經周折，終於找到了問題所在：

Xml代碼

<script type="text/javascript" src="/js/jquery-1.4.2.min.js" />

<script type="text/javascript" src="/js/jquery.easyui.min.js" />

這兩行js調用似乎並沒有任何問題，但就是顯示不出來，於是我將其改成：

Xml代碼

<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>

<script type="text/javascript" src="js/jquery.easyui.min.js" ></script>

在IE瀏覽器中居然就正常顯示了，真是匪夷所思啊。原來在調用jquery檔案的時候，必須是要把其他的jquery相關JS檔案放到jquery檔案的後面。

在關於標籤的閉合方面，我也始終有一些疑惑，在XML中一點問題都沒有，但是在HTML中，似乎上面的情況出現的幾率還是比較高的。

比如一個div， 一般形式是這樣的：<div id="theIdOfThisDiv" ></div>，由於很多情況下，我們可以在js或css中定義該div塊的行為大小屬性等，此時標籤之間是沒有內容的，因此，我一直認為寫成<div id="theIdOfThisDiv" />應該是合乎邏輯的，但是你如果真這麼做了，你就會發現瀏覽器的支援是有問題的。

IE瀏覽器調用jquery需要注意的小問題