JavaScript中的image引用是指在網頁中引用圖片的一種方式。通過image引用，我們可以讓網頁展示更多的圖像元素，使頁面更加生動和豐富。在本文中，我們將詳細介紹JavaScript中的image引用，并提供一些實際應用的例子。 image引用的基本語法如下：

<img src="圖片路徑">

其中，src屬性指定了圖片的路徑。路徑可以是絕對路徑（如http://www.example.com/images/pic.jpg），也可以是相對路徑（如../images/pic.jpg）。需要注意的是，如果使用相對路徑，路徑是相對于正在訪問的頁面的路徑。 舉個例子，比如我們有一個網站，其中有一個頁面index.html，我們在該頁面中引用了一個名為pic.jpg的圖片，圖片與頁面在同一目錄下，那么代碼就應該如下：

<img src="pic.jpg">

當我們訪問該頁面時，圖片將被加載并作為頁面的一部分顯示出來。 如果我們有多個圖片需要在同一頁面中顯示，我們可以使用以下代碼：

<img src="pic1.jpg">
<img src="pic2.jpg">
<img src="pic3.jpg">

上述代碼會在頁面中顯示三張圖片：pic1.jpg、pic2.jpg和pic3.jpg。請注意，每個圖片都需要單獨使用img標簽。 有時候，我們需要在JavaScript代碼中動態地引用圖片。這個時候，我們可以使用JavaScript中的Image對象。Image對象表示一個圖像元素，可以通過JavaScript代碼設置其屬性，以實現動態引用圖片的目的。以下是使用Image對象引用圖片的代碼示例：

// 創建Image對象
var img = new Image();
// 設置src屬性
img.src = "pic.jpg";
// 將Image對象添加到頁面
document.body.appendChild(img);

上述代碼會創建一個Image對象，并將其src屬性設置為pic.jpg。隨后，img對象將被添加到頁面中，圖片也會被顯示出來。 除了靜態地引用圖片外，我們還可以在JavaScript代碼中實現圖片的動態替換。例如，我們可以在按鈕被點擊的時候動態地替換圖片。以下是實現這個功能的代碼：

// 獲取按鈕元素
var btn = document.getElementById("btn");
// 獲取圖片元素
var img = document.getElementById("pic");
// 當按鈕被點擊時
btn.onclick = function() {
// 修改圖片的src屬性，使其鏈接到新的圖片
img.src = "newpic.jpg";
}

上述代碼會獲取一個名為btn的按鈕，并獲取一個名為pic的圖片元素。在按鈕被點擊的時候，代碼會將圖片的src屬性修改為newpic.jpg，從而實現圖片的動態替換。 總結 在本文中，我們介紹了JavaScript中的image引用，并提供了一些實際應用的例子。通過本文的學習，讀者可以了解到如何在網頁中引用圖片，如何使用Image對象引用圖片，以及如何實現圖片的動態替換。希望本文對讀者有所幫助。