Question

我已加载文档。如果文档中有远程图像，我想打印一条特定的消息。

我正在努力做到这一点。我可以使用javascript并访问document.images对象。但是我仍然需要知道其中是否有图像。

有什么想法吗？

Answer 1

好吧，您可以简单地遍历图像，获取源，然后检查其主机名是否与当前页面相同

const images = document.querySelectorAll('img');
for (const img of images) {
  const imageLocation = img.src;
  if (imageLocation.indexOf(window.location.host) !== -1) {
    console.log(imageLocation);
  }
}

Answer 2

我建议您找到所有带有<img>标签的dom项目，然后检查这些项目是否以http：//或https：//开头，并且不包含您当前的域

jQuery示例：

$('img').each(function(){
   var src= $(this).attr("src");
   if(!src.contains("YOUR_DOMAIN") && (src.startsWith("https://") || src.startsWith("http://"))) {
     alert("not my domain in image URL");
   }
});

如何检测文档中的远程图像？

2 个答案: