javascript - 从另一个 HTML 页面获取数据

Question

我正在制作一个在线商店，用于销售杂志，我需要展示杂志的形象。为此，我想显示与发行杂志的公司网站上显示的相同的图像。

为此，使用绝对路径会很容易，如下所示:

<img src="http://www.remotewebsite.com/image.jpg" />

但是，在我的情况下这是不可能的，因为每次有新杂志时图像的名称都会改变。

在Javascript中，可以使用以下代码获取图像的路径:

var strImage = document.getElementById('Image').src;

但是，如果图像位于另一个 HTML 页面中，是否可以使用类似的方法来获取图像的路径？

Answer 1

假设您知道如何在杂志网站的 DOM 中找到正确的图像(否则，忘记它):

• 杂志网站必须明确允许显示您网站的客户通过启用 CORS 来获取其内容
• 你 fetch他们的 HTML -> 为您提供文本流
• 用 DOMParser 解析它-> 为您提供 Document
• 利用您的知识或他们的布局(或者良好的启发式，如果您幸运的话)，使用常规 DOM 导航来查找图像并获取其 src 属性

我不会详细说明任何这些步骤(已经有很多这样的答案)，特别是因为您还没有描述技术部分可能遇到的具体问题。