如何将外部HTML文件加载到Javascript文档对象中

我正在寻找类似于PHP的DOMDocument->loadHTMLFILE（）的javascript方法，以便我可以解析外部html文件的内容并提取图像。现在我正在通过 ajax 来做，这太慢了。

这是我用来抓取图像的 PHP，它可以工作。我只是想做同样的事情，但浏览器端这样它更快。

if(isset($_POST['link']) && $_POST['link'] !== ""){
    //extract relevant article info from link
    $sourceArray = array();
    $sizeArray = array();
    $link = $_POST['link'];
    //generate new DOMdoc
    $article = new DOMDocument;
    $article ->loadHTMLFile($link);
    //get the largest image
    $images = $article->getElementsByTagName("img");
    foreach($images as $image){
        $source = $image->getAttribute("src");
        if(strpos($source, "http://") !== false){
            $sizeProfile = getimagesize($source);
            $imgArea = $sizeProfile[0] * $sizeProfile[1];
            if($imgArea > 100){
                array_push($sizeArray, $imgArea);
                array_push($sourceArray, $source);
            }
        }
    }
    array_multisort($sizeArray, SORT_DESC, $sourceArray);
    $sourceHTML = "";
    $i = 0;
    foreach($sourceArray as $source){
        $id = 'image'.$i;
        $sourceHTML .= '<img id="'.$id.'" class="notSelectedPicture" src="'.$source.'" onclick="toggleSelectedPicture('''.$id.''');" alt="alt">';
        $i++;
    }
    echo $sourceHTML;
    exit();
}