Javascript 加载图像。。。当时间耗尽时

这是一个sameple代码，我想知道浏览器何时真正加载图像

将图像路径指定给这样的数组时

imageNames[0] = 'image1.jpg';

或者当你

myImage = new Image();
myImage.src = imageNames[0];

---

我放了一些计时器。。但没有得到结论的结果！帮助

您将看到

加载

事件。根据您的浏览器支持要求，使用古老的

onload

或

addEventListener（）

/

attachEvent（）

将其附加

myImage = new Image;

myImage.onload = function() {
   alert('Image loaded');
}

myImage.src = imageNames[0];

---

您还可以通过检查

complete

属性来检查图像是否已加载。

您将看到

load

事件。根据您的浏览器支持要求，使用古老的

onload

或

addEventListener（）

/

attachEvent（）

将其附加

myImage = new Image;

myImage.onload = function() {
   alert('Image loaded');
}

myImage.src = imageNames[0];

---

您还可以通过检查

complete

属性来检查图像是否已加载。

需要注意的关键是，仅仅因为人类可以看到某个东西可能是资源标识符/定位器，计算机就不能

将字符串指定给数组中的点时：

imageNames[0] = 'image1.jpg';

'image1.jpg'

是指向.host.net上图像的合法路径这一事实不是浏览器可以自行确定的-浏览器无法识别字符串

'image1.jpg'

是一种资源表示，而不是资源本身

---

将DOM映像的

src

属性设置为字符串

'image1.jpg'

后，浏览器可以识别该字符串，并将其视为资源标识符（因为您创建的DOM元素是一个图像，并且图像的

src

属性应该是指向可以访问和下载的图像资源的URI）浏览器将尝试通过自己的方式获取资源。

需要注意的关键是，仅仅因为人类可以看到某些东西可能是资源标识符/定位器，计算机就不能

将字符串指定给数组中的点时：

imageNames[0] = 'image1.jpg';

'image1.jpg'

是指向.host.net上图像的合法路径这一事实不是浏览器可以自行确定的-浏览器无法识别字符串

'image1.jpg'

是一种资源表示，而不是资源本身

---

将DOM映像的

src

属性设置为字符串

'image1.jpg'

后，浏览器可以识别该字符串，并将其视为资源标识符（因为您创建的DOM元素是一个图像，并且图像的

src

属性应该是指向可以访问和下载的图像资源的URI）浏览器将尝试通过自己的方式获取该资源。

当您将URL分配给

img

元素的

src

属性时，浏览器将下载图像。在浏览器的控制台中尝试此操作，并查看网络选项卡：

var img = document.createElement('img');
img.src = 'foo';

第二行执行后，您将立即看到网络活动

---

它对

imageNames[0]毫无作用='image1.jpg'；

由于数组中的字符串可以是任何内容，浏览器根本不知道这应该是图像的URL。

当您将URL分配给

img

元素的

src

属性时，浏览器会下载图像。在浏览器的控制台中尝试此操作，并查看网络选项卡：

>

var img = document.createElement('img');
img.src = 'foo';

第二行执行后，您将立即看到网络活动

它对

imageNames[0]='image1.jpg'；

几乎没有任何作用，因为数组中的字符串可以是任何内容，所以浏览器不可能知道这应该是图像的URL