JavaScriptキャッシュの画像を使用する

JSでは、画像をキャッシュするために、クライアントJSはAPIを定義し、まずImage()アーキテクチャ関数を利用して画面外の画像オブジェクトを作成し、その後、当該オブジェクトのsrc属性を設定する. 期待されるURLは、画像要素がドキュメントに追加されていないため、表示されませんが、ブラウザは画像をロードしてキャッシュします.
実例:複数の画像をキャッシュする

    function preloader(){
        var imageObj = new Image();
        //images             URL  
        var images = ["image1.jpg", "image2.jpg", "image3.jpg"];
        for(i=0; i < images.length; i++ ){
            //          
            imageObj.src=images[i]
        }
    }