javascript - ウェブサイトの画像を見つけて一覧表示するためのJavaScript？

Question

私のウェブサイトの肥大化した画像フォルダ/ディレクトリで衛生管理をしたいと思います。私はJavaScriptを使用する初心者のすぐ上の学年ですが、JavaScriptを使用して解決策を達成できる可能性があるようです…</ p>

私が探している解決策は、本質的にhtml / asp / cssファイルのディレクトリ全体（すべて1つのディレクトリ内）をクロールし、すべての画像ファイル名をスクレイプすることです。次に、それらのファイル名を層間剥離リスト（またはのファクシミリ）に出力して、その「スクレイプ」リストをイメージディレクトリリストと比較できるようにします。したがって、削除プロセスによって未使用のイメージのリストを識別します。

これは、（明らかに多くのコードが欠落している）クラッドスクリプトです。//を使用して、機能すると思われるロジックをマークしましたが、明らかに疑似コードです。

    var URL_LENGTH = document.SITEMAP.getElementsByName("URL").length;
    vari=1;
    varz=1;
    var list = [];

    var URLX = 'P' + NUMBER;
    var NUMBER = 1;
    var PAGE;
    var MINE;
    var PAT1 = /(.gif|.jpg|.png)/g;
    var IMGNAME;

    for (i=1;i<=URL_LENGTH;i++)
        {
        PAGE = document.SITEMAP.getElementById(URLX).innerHTML;
        MINE = document.[PAGE].match(PAT1).length;
        for (z=1;z<=MINE;z++)
            {
            //global for string ending with (.gif|.jpg|.png)
            //find begining of the image name string by looking for /( |'|"|/)/ that come before (.gif|.jpg|.png)
            //inserting image name string into value for var IMGNAME
            list.push(IMGNAME);
            }
        NUMBER=NUMBER+1;
        }

SITEMAPはこのように見えます

    <div name="URL" id="P1">page1</div>
    <div name="URL" id="P2">page2</div>
    <div name="URL" id="P3">page3</div>