JavaScript是一種非常強大的編程語言，它允許我們在網頁中添加各種交互性和動態性的元素。JavaScript的一個重要特性就是其事件處理能力。在本文中，我們將重點介紹JavaScript中的加載事件，以及如何在事件處理函數中添加代碼來實現這些功能。

當一個網頁被裝入到瀏覽器的窗口時，所有的HTML、CSS和JavaScript代碼都會被加載并解析執行。但是，由于JavaScript腳本通常包含大量的計算和DOM操作，如果它們在頁面中過早地加載并執行，就會降低網頁的響應速度和用戶體驗。為了避免這種情況，我們可以使用JavaScript的加載事件來控制腳本的執行時機。

JavaScript中的加載事件包括window.onload事件和document.ready事件。當頁面完全加載完成時，window.onload事件會被觸發，表示所有的HTML、CSS和JavaScript代碼都已經被瀏覽器完全加載和解析完成。例如：

window.onload = function() {
// 在這里添加你的代碼
};

另外一種常用的加載事件是document.ready事件。當DOM樹結構加載完成時，document.ready事件會被觸發，表明所有的HTML元素都已經被成功加載。例如：

$(document).ready(function() {
// 在這里添加你的代碼
});

事實上，document.ready事件也可以使用原生的JavaScript語法來實現。例如：

document.addEventListener('DOMContentLoaded', function() {
// 在這里添加你的代碼
});

除此之外，我們還可以使用window.setTimeout()函數來延遲JavaScript腳本的執行，從而獲得更好的用戶體驗。例如，我們可以使用下面的代碼來延遲5秒鐘執行某個函數：

window.setTimeout(function() {
// 在這里添加你的代碼
}, 5000);

在實際開發中，我們經常需要在頁面加載完成后動態地插入各種DOM元素，從而增強網頁的交互性和動態性。為此，我們可以使用jQuery的$(document).on()函數來綁定一個事件。例如，下面的代碼將在用戶點擊按鈕時插入一個新的段落元素：

$(document).on('click', '#btn', function() {
$('<p>新的段落元素</p>').insertAfter('#btn');
});

總之，JavaScript的加載事件是控制腳本執行時機的重要工具，通過合理地使用這些事件，我們可以獲得更好的用戶體驗，并提高網頁的響應速度和性能。