AJAX（Asynchronous JavaScript and XML）是一種在網頁上無需刷新頁面的技術，通過異步傳輸數據，實現實時更新頁面內容的功能。然而，有時候我們會遇到一個問題：在使用AJAX加載后的頁面中，其中的JavaScript代碼不起作用。這個問題可能會導致頁面缺失一些交互功能，影響用戶體驗。本文將探討這個問題的原因，并提供一些解決方案。

首先，讓我們通過一個例子來說明這個問題。假設我們有一個簡單的網頁，其中有一個按鈕，點擊按鈕后會彈出一個提示框。我們使用AJAX加載了另一個頁面，并將其內容顯示在當前頁面的某個區域中。這個被加載的頁面中也有一個按鈕，點擊后同樣會彈出一個提示框。然而，當我們點擊被加載頁面中的按鈕時，彈出的提示框沒有出現。

點擊我

以上示例中的AJAX代碼通過XMLHttpRequest對象異步地加載了一個名為"ajax-content.html"的頁面，并將其內容顯示在id為"content"的div元素中。然而，被加載頁面中的按鈕點擊事件并沒有觸發，這是因為在加載頁面內容時，瀏覽器并不會解析其中的JavaScript代碼。

那么，如何解決這個問題呢？第一個解決方案是將被加載頁面中的JavaScript代碼提取出來，作為獨立的文件引入到主頁面中。通過這種方式，解析和執行該腳本的責任就落在了主頁面上，而不是由AJAX加載的頁面負責。

點擊我

在上述示例代碼中，我們添加了一個

在上述示例代碼中，我們通過document對象的addEventListener方法將點擊事件綁定到整個文檔中。當點擊文檔中的某個元素時，會依次檢查該元素自身及其所有祖先元素是否匹配指定的選擇器（這里是".btn"），如果找到匹配的元素，則觸發事件處理程序。

總結起來，當使用AJAX加載的頁面不執行JavaScript代碼時，我們可以將JavaScript代碼提取出來，作為獨立的文件引入到主頁面中，或者使用事件委托將事件處理程序綁定到父元素上。這樣可以確保頁面中的JavaScript代碼被正確解析和執行，保證頁面功能的正常工作。