设置图片的源代码是否也加载源代码？
问题描述：
说我有下面的代码：设置图片的源代码是否也加载源代码？
var img = document.createElement('img');
img.src = 'https://somePicture.png';
是否立即得到加载与源的数据的图像，即使我不图像的DOM追加？换句话说，即使我不向用户显示图像，是否可以使用img.onload()进行回调？
答
是的，设置source属性将加载图像。
您可以将一个加载事件附加到图像上，如果当前不在页面上，则设置source属性也是预加载图像时最常用的方法，以防止在图像交换过程中撕裂页面。
4.7.1 img元素
在浏览上下文，其中脚本被禁用时，用户剂可以立即或按需获取图像。在启用脚本的浏览环境中，用户代理必须立即获取图像。
无论何时使用src属性创建该元素，立即获取图像的用户代理都必须同步更新img元素的图像数据。只要该元素的src或crossorigin属性设置，更改或删除，立即获取图像的用户代理也必须同步更新img元素的图像数据。
https://www.w3.org/TR/html5/embedded-content-0.html#the-img-element