HTML中怎樣顯示JS代碼變量值 在開發網頁時，我們經常需要查看JS代碼中的變量值，這可以幫助我們正確地了解代碼的執行情況。在HTML中顯示JS代碼變量值有幾種方法，接下來我們詳細講解如何通過pre標簽在HTML中顯示JS代碼變量值。 1. 通過JS alert()函數顯示 alert()函數會在彈出一個窗口內顯示JS代碼中的變量值，但是alert()函數只適用于簡單的測試數據，在真實的生產環境中并不常使用。 示例代碼：

var num = 10;
alert(num);

2. 通過JS console.log()函數顯示 console.log()函數可以將變量值輸出到瀏覽器的控制臺中，它是在調試JS腳本時最常用的方法之一。但是，用戶只能在打開開發者工具時才能看到控制臺中的輸出。 示例代碼：

var num = 10;
console.log(num);

3. 在HTML頁面中使用pre標簽顯示 借助pre標簽的樣式，我們可以在HTML頁面中將代碼和變量值一起顯示，這是最直觀和有利于閱讀代碼的方法。 示例代碼：

var num = 10;
document.write('
The value of num is:
' + num + '
');

注意：代碼和變量值都應放在pre標簽內部，以保留它們的原始樣式。 總結： 在HTML中顯示JS代碼變量值有多種方法，其中alert() 和console.log()函數僅適用于測試環境，而pre標簽可以在HTML頁面中顯示代碼和變量值一起，以便開發者更好地了解代碼的執行情況。