2011-11-14 18 views
6

我分析其他人的JavaScript代碼,發現這個條件的Javascript如果(document.images)

if (document.images) 

我的,它是用來驗證瀏覽器支持動態圖片的其他網站foun。就像我們將鼠標放在圖像上時,其他圖像被加載一樣。它看起來像很老的JavaScript。現在使用它有意義嗎?這種情況是否有另一個目標?

+0

所以你不知道'document.images'是什麼?你想知道'document'對象的''image''屬性是什麼?那麼,只需查看[MDN](https://developer.mozilla.org/en/DOM/document.images)... –

回答

3

如果瀏覽器支持圖像數組,則此條件返回true。 Internet Explorer中> 3支持這個:)檢查本文http://www.quirksmode.org/js/support.html

是的,這是很老的JS,沒有必要檢查一下現在

+1

不同意 - 如果存在大量翻滾等情況,則預裝圖像仍然很重要。 –

+0

I關於corse的瀏覽器支持的檢查,不是圖像預加載:) – fliptheweb

+0

很奇怪,因爲這個代碼是在2011年7月製作的:) 好的,謝謝!如果我用我自己的 – andriy

1

預載圖片通常是在那裏你會找到的代碼排序你在描述。雖然在現代瀏覽器中這不是一個問題(它們更異步,並且可以一次下載多個圖像,但首先要弄清屏幕上的內容並下載它)。但是,刪除它可能會降低您正在處理的應用程序的性能。

參考文獻:

1

,除非你真的需要針對這種舊的瀏覽器,你可以標記該檢查過時額外的代碼並假設所有主流瀏覽器都支持圖像預加載(並且實際上它們都有),因此具有document.images對象。

document.images對象是當前文檔中已加載圖像的數組,您可以使用它來附加稍後可以加載的圖像(即鼠標懸停的圖像),以實現更平滑效果。

該條件執行的檢查可確保瀏覽器具有document.images對象。

順便說一下,這不是設計圖像驅動效果的最佳方法,除非你真的需要這樣做,因爲CSS允許你有更好(更快和更小)的結果。

+0

Yap編寫代碼,會更好,因爲我的理解與使用相同:現在懸停在css中 – andriy

+0

是的,您可以使用:hover選擇器來設置鼠標懸停效果,以及CSS精靈預加載由預先加載的所有小圖片組成的單個圖像。 – AlQafir