Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否设置图像';s源是否也加载源?_Javascript_Html - Fatal编程技术网

Javascript 是否设置图像';s源是否也加载源?

Javascript 是否设置图像';s源是否也加载源?,javascript,html,Javascript,Html,假设我有以下代码: var img = document.createElement('img'); img.src = 'https://somePicture.png'; 即使我没有将图像附加到DOM中,图像是否也会立即加载源数据?换句话说,我是否可以使用img.onload()进行回调,即使我不向用户显示图像,该回调也会运行 是,设置源属性将加载图像 您可以将加载事件附加到图像,如果页面上当前没有加载,则设置source属性也是预加载图像时最常用的方法,以防止在图像交换期间在页面上撕裂

假设我有以下代码:

var img = document.createElement('img');
img.src = 'https://somePicture.png';

即使我没有将图像附加到DOM中,图像是否也会立即加载源数据?换句话说,我是否可以使用
img.onload()
进行回调,即使我不向用户显示图像,该回调也会运行

是,设置源属性将加载图像

您可以将加载事件附加到图像,如果页面上当前没有加载,则设置source属性也是预加载图像时最常用的方法,以防止在图像交换期间在页面上撕裂

4.7.1 img要素

在禁用脚本的浏览上下文中,用户代理可以立即或按需获取图像。在启用脚本的浏览上下文中,用户代理必须立即获取图像

只要使用src属性创建img元素,立即获取图像的用户代理就必须同步更新该元素的图像数据。当img元素的src或crossorigin属性设置、更改或删除时,立即获取图像的用户代理还必须同步更新该元素的图像数据