Javascript 创建站点中使用的所有图像的数组

我想能够预装在一个网站的所有页面使用的所有图像

我的想法是创建一个数组，包含所有这些图像

完成这项任务的最佳方法应该是什么

例如，可能是一个天真的问题，是否有一种方法可以使用JavaScript来确定同一域内站点所有页面中使用的所有图像文件

或者，是否有一种方法，例如，创建包含在某个文件夹中的所有图像的数组

提前感谢您的帮助

从理论上讲，您可以使用JavaScript来实现这一点。在页面加载（或文档准备就绪，或其他）时，脚本可以：

使用

getElementsByTagName（）

获取页面上的所有链接

对找到的每个相同域链接的

href

执行

XMLHttpRequest

查看每个响应中的

标记，并预加载每个标记

查看每个响应中的

标记，然后重复

但是，在服务器上维护或生成整个站点使用的图像URL列表，并将该列表作为JavaScript数组包含在脚本中，以避免所有疯狂的AJAX图像查找，这样会更有效

您可能希望在站点上的每个页面上都包含此脚本（因为您永远不知道用户将从站点上的哪个页面开始），但在运行cookie时保存cookie（以便它不会在给定用户访问的每个页面上重新运行）

不过我会仔细考虑的。一些用户可能在互联网连接上，他们的数据使用受到限制，或者每兆字节收费。你确定所有的用户都只需要访问一个页面就可以下载你网站上的每一张图片吗？

理论上，你只需要使用JavaScript就可以了。在页面加载（或文档准备就绪，或其他）时，脚本可以：

使用

getElementsByTagName（）

获取页面上的所有链接

对找到的每个相同域链接的

href

执行

XMLHttpRequest

查看每个响应中的

标记，并预加载每个标记

查看每个响应中的

标记，然后重复

但是，在服务器上维护或生成整个站点使用的图像URL列表，并将该列表作为JavaScript数组包含在脚本中，以避免所有疯狂的AJAX图像查找，这样会更有效

您可能希望在站点上的每个页面上都包含此脚本（因为您永远不知道用户将从站点上的哪个页面开始），但在运行cookie时保存cookie（以便它不会在给定用户访问的每个页面上重新运行）

---

不过我会仔细考虑的。一些用户可能在互联网连接上，他们的数据使用受到限制，或者每兆字节收费。您确定所有用户都只需访问一个页面就可以下载站点上的所有图像吗？

您是否对检测动态图像使用感兴趣（例如，

new image（）

），还是只想获取一堆

标记的初始

src

属性？后者是指初始src属性，几乎是图像和文件名的路径，@apsillers。您是否对检测动态图像使用感兴趣（例如，

new image（）

），还是只想获取一堆

标记的初始

src

属性？后者是指初始src属性，几乎是图像和文件名的路径，@apsillers.谢谢你，@Paul，你的回答很全面，涵盖了我想知道的一切。谢谢你，@Paul，你的回答很全面，涵盖了我想知道的一切。