在现代网站的开发中，加载网络图片是非常常见的操作，而javascript作为一种强大的脚本语言，也可以非常方便地实现该功能。下面就来详细介绍一下如何用javascript加载网络图片。首先，我们需要了解javascript中的Image对象。该对象用于表示html页面中的图像，我们可以使用Image对象来预加载图片或者在需要时动态显示图片。为了加载网络图片，我们需要在代码中创建一个Image对象，然后将图片链接赋给该对象的src属性，最后将该对象添加到html页面中。下面我们来看一下具体的代码实现：

var img = new Image(); // 创建一个Image对象img.src = "http://www.example.com/images/example.jpg"; // 将图片链接赋给src属性document.body.appendChild(img); // 将该对象添加到页面中

如上所示，我们首先创建了一个Image对象，然后将需要加载的网络图片链接赋给该对象的src属性。最后，我们将该对象添加到了html页面中，从而实现了网络图片的加载。当然，在实际应用中，我们可能还需要对图片的加载状态进行监控，以便在图片下载完成后执行一些其他的操作。在javascript中，我们可以通过Image对象的onload和onerror事件实现对图片的状态监控。下面我们来看一下具体的代码实现：

var img = new Image(); // 创建一个Image对象img.src = "http://www.example.com/images/example.jpg"; // 将图片链接赋给src属性img.onload = function() {// 图片加载完成，可以进行其他操作};img.onerror = function() {// 图片加载失败，可以进行其他操作};document.body.appendChild(img); // 将该对象添加到页面中

如上所示，在创建Image对象并给其赋予图片链接之后，我们可以为其设置onload和onerror事件，当图片成功加载或者加载失败时会自动触发对应的事件处理函数。在事件处理函数中，我们可以执行其他的操作，比如展示图片、提示错误信息等。除了上述两种方法，javascript中还有其他多种加载网络图片的方法，比如使用XMLHttpRequest该对象发送异步请求来加载图片、使用动态创建的<img>元素来加载网络图片等等。无论采用哪种方法，我们都可以非常方便地实现对网络图片的加载。