JavaScript中onload事件是一種非常重要的事件，它被廣泛應用于網頁、圖像、音頻、視頻等資源加載及處理中。它的作用是在資源加載完成之后立即執行指定的JavaScript代碼，從而實現網頁的交互效果。

假設我們需要通過JavaScript代碼實現以下需求：當頁面加載完成后，自動顯示一張圖片。我們可以通過onload事件來實現：

<img src="image.jpg" onload="showImage()">
<script>
function showImage() {
document.getElementById("image").style.display = "block";
}
</script>

在以上代碼中，當圖片加載完成之后，onload事件調用了showImage()函數，該函數將圖片的display屬性設置為"block"，從而顯示圖片。

除了圖片加載事件之外，onload事件還可以用于音頻和視頻資源的加載，如下所示：

<audio src="music.mp3" onload="playMusic()">
<script>
function playMusic() {
document.getElementById("music").play();
}
</script>

在以上代碼中，當音頻加載完成之后，onload事件調用了playMusic()函數，該函數通過document.getElementById()方法獲取音頻元素并調用play()方法，從而自動播放音樂。

除了資源加載事件之外，onload事件還可以用于頁面元素的操作。例如，在網頁中添加一個按鈕，當該按鈕被點擊后自動顯示一張圖片：

<button onclick="showImage()">顯示圖片</button>
<img id="image" src="image.jpg" style="display:none">
<script>
function showImage() {
document.getElementById("image").style.display = "block";
}
</script>

在以上代碼中，當按鈕被點擊時，onload事件調用了showImage()函數，該函數將圖片的display屬性設置為"block"，從而顯示圖片。

總之，JavaScript中的onload事件是非常強大的，它可以用于網頁、圖像、音頻、視頻等資源的加載及處理，同時也可以用于頁面元素的操作，使得網頁的交互效果更為豐富。我們需要充分掌握onload事件的使用方法，從而實現更加優秀的網頁。