如何在 JavaScript 中获取图像的 URL？

Question

onmouseover我正在开发一个 Chrome 扩展程序，并向页面上的每个图像添加一个处理程序。当用户将鼠标悬停在图像上时，它的 URL 应存储在变量中。src我知道我可以轻松获取图像属性的值，但我想要完整的 URL。该src属性存储图像在服务器上的路径。例如，当您在 Google Chrome 中右键单击图像时，您会看到“复制图像 URL”选项，该选项会将图像的 URL 复制到剪贴板。

有什么办法可以实现这一点吗？谢谢。

Answer 1

使用始终为您提供完整 URL 的属性，而不是读取原始标记的imageElement.getAttribute("src")or 。$("img.something").attr("src")imageElement.src

var imgFullURL = document.querySelector('img.something').src;

或者：

var imgFullURL = $('img.something')[0].src;

要提取主机名、路径名等 - 使用构造函数解析 url URL()，该构造函数适用于现代浏览器或通过创建临时节点使用遗留方法a。