javascript获取img元素的完整src-url

javascript get the full src url for an img element

本文关键字：src-url 元素 获取 img javascript      更新时间：2023-09-26

我知道我可以用这个获得页面上第一个图像的src-url

var images = document.getElementsByTagName('img');
var image = images[0]; //get first img
var src = image.getAttribute('src');

但我遇到了src url为：的情况

//domain.com/img/icon.png

我可以通过添加以下行来解决这个问题：

if (src.substring(0,2) == '//') src = 'http:'+src;

但后来我遇到了更多的问题。比如如果网址是：

'/img/icon.png'

或

'../img/icon.png'

我不知道是否还有其他边缘病例我还没有发现。有没有办法查询src的完整url？

是。您应该使用src属性，而不是src特性。这被规范化为包括基本URL:

var src = image.src;

参见HTMLImageElement.src的MDN文档。

不应该使用只获取属性的image.getAttribute('src')，而应该使用将返回完整URL的image.src。

来源：http://www.w3schools.com/jsref/prop_img_src.asp

相关文章：