Javascript 作為一種腳本語言，可以直接嵌入 HTML 頁面中，被廣泛應用于 Web 開發。它的靈活性使開發者可以無需任何插件或工具就能動態跟新網頁，從而提高用戶交互體驗和頁面的實用性。
下面舉幾個例子，說明 Javascript 在 Web 開發中的應用：
1. 表單驗證
很多網站都會包含表單的輸入，但這些輸入有時候可能并不完善或不規范。為了確保用戶輸入的正確性，我們可以使用 Javascript 進行表單驗證。例如，當用戶不正確地填寫某個表單時，我們可以使用彈出框或者顏色標識來提示用戶正確地填寫。下面是一段表單驗證的代碼：
```
function checkForm(){
var user = document.getElementById("username").value;
var password = document.getElementById("password").value;
if(user =="" || user == null){
alert('請填寫用戶名');
return false;
}
if(password =="" || password == null){
alert('請填寫密碼');
return false;
}
return true;
}
```
上述代碼在提交表單前會把用戶名和密碼獲取到，然后判斷是否為空，如果是，則會使用 alert 函數提示用戶，然后返回 false，阻止表單提交。
2.頁面交互
Javascript 可以在用戶與頁面交互時發揮它的作用，比如實現下拉菜單、表格排序、輪播圖等。例如，下面是一個簡單的輪播圖代碼：
```
var slideIndex = 0;
showSlides();
function showSlides() {
var i;
var slides = document.getElementsByClassName("mySlides");
for (i = 0; i< slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex >slides.length) {slideIndex = 1}
slides[slideIndex-1].style.display = "block";
setTimeout(showSlides, 2000);
}
```
上述代碼會獲取所有 class 名為“mySlides”的 HTML 元素，然后通過控制它們的 display 屬性來控制是否顯示圖片，從而實現輪播圖的功能。
3.動態更新
使用 Javascript 還可以動態地更新網頁內容，而不需要用戶手動刷新頁面。例如，在一個電商網站中，當用戶點擊商品的時候，可以實現實時更新購物車的數量和價格，而不需要刷新整個頁面。下面是一個簡單的購物車更新代碼：
```
var cart = {
items: [],
addItem: function(item) {
this.items.push(item);
this.render();
},
removeItem: function(item) {
var index = this.items.indexOf(item);
if (index != -1) {
this.items.splice(index, 1);
this.render();
}
},
render: function() {
var count = this.items.length;
var total = 0;
for (var i = 0; i< this.items.length; i++) {
total += this.items[i].price;
}
document.getElementById("cart-count").innerText = count;
document.getElementById("cart-total").innerText = total;
}
};
```
上述代碼實現了一個購物車對象，其中包括了添加商品、移除商品和更新購物車數量和總價等功能。
以上是 Javascript 在 Web 開發中的一些應用示例，其實 Javascript 還有很多其他的應用場景，比如定時器、動畫效果、事件處理等。總的來說，Javascript 的應用可以大致分為三類：表單驗證和頁面交互、動態更新、和界面視覺效果的實現。如今，不管是 Web 開發的初學者還是專業的開發人員，都需要掌握 Javascript 這門語言的基礎知識。
上一篇docker多php