javascript - 将 Javascript 应用到外部文件

Question

我有一个包含许多 HTML 文档的文件夹，名为 001.html 到 999.html。每个文档中都有以下几行:

<span class="my-name">Name X</span>

我想访问此<span>的内容，我可以通过在浏览器中打开文档，然后在地址栏中输入以下内容来获取:

javascript:document.getElementById('my-name').innerHTML;

在不更改 HTML 文档的情况下，也无需手动执行此操作，我如何编写一个脚本来从外部加载这些 HTML 文档，应用上面的 javascript 并返回 <span> 的内容？

Answer 1

从同一文件夹中的 HTML 文件运行此命令。代码未经测试:

function read(i, toIncl, done, result, iframe) {
    if (i <= toIncl) {
        if (!result) {
            result = [];
        }
        if (!iframe) {
            iframe = document.createElement('iframe');
            iframe.style.display = 'none';
            document.body.appendChild(iframe);
            iframe.onload = function () {
                result.push(iframe.contentWindow.document.querySelector('.my-name').textContent);
                read(++i, toIncl, done, result, iframe);
            }
        }
        iframe.src = ('000' + i).substr(-3) + '.html';
    } else {
        iframe.parentNode.removeChild(iframe);
        done(result);
    }
}

read(0, 999, function (result) {
    console.log('Result:', result);
})