JavaScript是一種廣泛使用的編程語言，特別適用于網頁交互式應用程序。通過在HTML中嵌入JavaScript代碼，可以輕松地實現前端交互功能和動態效果。本文將以舉例的方式介紹JavaScript代碼的基本語法、常見應用和注意事項。
JavaScript基本語法
JavaScript與其他編程語言類似，擁有自己的數據類型、變量、運算符、控制結構和函數等基本語法。以下是一些示例代碼：

//變量聲明與賦值
var x = 5;
var y = "Hello, World!";
//條件控制
if (x > 2) {
document.write("x is greater than 2.");
} else {
document.write("x is less than or equal to 2.");
}
//循環結構
for (i = 0; i < 5; i++) {
document.write(i);
}
//函數定義和調用
function myFunction() {
return "Hello, World!";
}
document.write(myFunction());

以上示例代碼中，我們聲明了兩個變量x和y，分別為數字和字符串類型；使用if/else語句對變量x的值進行條件判斷；使用for循環語句輸出0到4的數字；定義一個名為myFunction的函數并調用它。
JavaScript應用
JavaScript最常用的應用之一是動態地改變HTML元素的內容、屬性和樣式。例如，當用戶單擊按鈕時，我們可以使用JavaScript代碼來改變按鈕的文本、背景顏色或顯示/隱藏方式。以下是一個簡單的例子：

<!-- HTML代碼 -->
<button id="myBtn">Click me!</button>
// JavaScript代碼
var btn = document.getElementById("myBtn");
btn.onclick = function() {
btn.innerHTML = "Clicked!";
btn.style.backgroundColor = "red";
};

以上代碼中，我們首先使用document.getElementById方法獲取HTML元素的引用。然后，我們添加一個onclick事件監聽器，當按鈕被單擊時，執行一個匿名函數。該函數修改按鈕元素的innerHTML屬性和style屬性，從而改變按鈕的顯示文本和背景顏色。
JavaScript注意事項
盡管JavaScript是一門強大的編程語言，但在使用時也需要注意一些問題。首先，我們應該注意JavaScript代碼的執行順序。由于JavaScript是一種腳本語言，它的代碼都是按照在HTML中定義的順序執行的。因此，如果我們在腳本中引用了某個HTML元素，在該元素之前定義才能獲得正確的值。
其次，我們應該避免使用全局變量。全局變量容易被其他腳本或庫修改，導致不可預料的錯誤。因此，我們應該盡可能使用局部變量，并使用匿名函數和命名空間等方式來封裝代碼。
最后，我們還應該注意JavaScript代碼的性能。盡量避免頻繁的DOM操作、循環和遞歸等會損耗性能的語句。同時，盡可能使用緩存、異步加載和壓縮等技術來優化JavaScript代碼，提高網頁加載速度和用戶體驗。
總結
JavaScript是一種重要的編程語言，它可以為網頁增加強大的交互和動態效果。本文介紹了JavaScript代碼的基本語法、常見應用和注意事項，希望讀者能夠掌握JavaScript的相關知識，并在實踐中不斷提高。