jquery - jquery中的绝对路径和相对路径

Question

为什么下面两个代码会返回相同的结果？

var img = new Image(400,250); 
        $(img).attr('src','resources/images/' + i + '.jpg');

还有

var img = new Image(400,250); 
        img.src = 'resources/images/' + i + '.jpg';

我不太擅长 jQuery，所以我在网上搜索了差异，根据我的发现，我预计第一个代码会返回:resources/images/1.jpg第二个返回:http://localhost:8080/myApp/resources/images/1.jpg

非常感谢您的澄清。

Answer 1

上面显示的url都是相对url。解析后，src 属性将与基本 uri 结合起来，形成用于定位图像的实际 uri。如果您想通过 Javascript 引用 src 属性/属性，请使用以下示例来获得所需的结果:

网址解析为以下内容:

var img = new Image(400,250); 
$(img).attr('src','resources/images/5.jpg');
$("body").append(img);

console.log($(img).attr("src"));
//prints: resources/images/5.jpg

console.log(img.src);
//prints: http://fiddle.jshell.net/_display/resources/images/5.jpg

console.log($(img).prop("src"));
//prints: http://fiddle.jshell.net/_display/resources/images/5.jpg