不顯示在文檔中的 Image 對象
不顯示在文檔中的 Image 對象是用 var 語句定義的：
var myImage = new Image(); 或
var myImage = new Image(<圖片地址字符串>);
然后就可以像一般 Image 對象一樣對待 myImage 變量了。不過既然它不顯示在文檔中，以下屬性：lowsrc, width, height, vspace, hspace, border 就沒有什么用途了。一般這種對象只有一個用：預(yù)讀圖片(preload)。因為當(dāng)對對象的 src 屬性賦值的時候，整個文檔的讀取、JavaScript 的運行都暫停，讓瀏覽器專心的讀取圖片。預(yù)讀圖片以后，瀏覽器的緩存里就有了圖片的 Copy，到真正要把圖片放到文檔中的時候，圖片就可以立刻顯示了。現(xiàn)在的網(wǎng)頁中經(jīng)常會有一些圖像連接，當(dāng)鼠標(biāo)指向它的時候，圖像換成另外一幅圖像，它們都是先預(yù)讀圖像的。
預(yù)讀圖像的 JavaScript 例子
var imagePreload = new Image();
imagePreload.src = '001.gif';
imagePreload.src = '002.gif';
imagePreload.src = '003.gif';
以上例子適合預(yù)讀少量圖片。
function imagePreload() {
? var imgPreload = new Image();
? for (i = 0; i < arguments.length; i++) {
??? imgPreload.src = arguments[i];
? }
}
imagePreload('001.gif', '002.gif', '003.gif', '004.gif', '005.gif');
以上例子適合預(yù)讀大量圖片。