javascript获取img元素的完整src url

Question

我知道我可以使用此

获取页面上第一张图片的src网址

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

但是，当src网址为：

时，我遇到了这种情况

//domain.com/img/icon.png

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

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

然后我遇到了更多问题。就像网址是：

'/img/icon.png'

或

'../img/icon.png'

我不知道还有其他边缘情况我还没有找到。 有没有办法查询src的完整URL？

Answer 1

是。您应该使用src 属性而不是src 属性。这被标准化为包括基本URL：

var src = image.src;

请参阅MDN documentation for HTMLImageElement.src。

Answer 2

您应该使用image.getAttribute('src')来返回完整的网址，而不是使用只获取属性的image.src。

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