我正在开发一个 Chrome 扩展，我正在为页面上的每个图像添加一个 onmouseover 处理程序。当用户将鼠标悬停在图像上时，它的 URL 应该存储在一个变量中。我知道我可以轻松获取图像的 src 属性的值，但我想要完整的 URL。 src 属性存储了图片在服务器上的路径。例如，当您在 Google Chrome 中右键单击图像时，您会看到“复制图像 URL”选项，它将图像的 URL 复制到剪贴板。
有什么办法可以实现吗？谢谢。
最佳答案
代替读取原始标记的 imageElement.getAttribute("src") 或 $("img.something").attr("src")，使用 imageElement.src 属性，它总是给你完整的 URL。
var imgFullURL = document.querySelector('img.something').src;
或:
var imgFullURL = $('img.something')[0].src;
要提取主机名、路径名等 - 使用 URL() 解析 url构造函数，它在现代浏览器中工作或通过创建临时 a 节点使用旧方法。
关于javascript - 如何在 JavaScript 中获取图像的 URL？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32828681/