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

首先，讓我們通過一個(gè)例子來說明這個(gè)問題。假設(shè)我們有一個(gè)簡單的網(wǎng)頁，其中有一個(gè)按鈕，點(diǎn)擊按鈕后會(huì)彈出一個(gè)提示框。我們使用AJAX加載了另一個(gè)頁面，并將其內(nèi)容顯示在當(dāng)前頁面的某個(gè)區(qū)域中。這個(gè)被加載的頁面中也有一個(gè)按鈕，點(diǎn)擊后同樣會(huì)彈出一個(gè)提示框。然而，當(dāng)我們點(diǎn)擊被加載頁面中的按鈕時(shí)，彈出的提示框沒有出現(xiàn)。

點(diǎn)擊我

以上示例中的AJAX代碼通過XMLHttpRequest對(duì)象異步地加載了一個(gè)名為"ajax-content.html"的頁面，并將其內(nèi)容顯示在id為"content"的div元素中。然而，被加載頁面中的按鈕點(diǎn)擊事件并沒有觸發(fā)，這是因?yàn)樵诩虞d頁面內(nèi)容時(shí)，瀏覽器并不會(huì)解析其中的JavaScript代碼。

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

點(diǎn)擊我

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

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

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