JavaScript 范例 JavaScript 是一種解釋性語言，用于 Web 頁面上的動態交互和動態效果，常用于表單驗證、頁面特效等。下面將介紹一些 JavaScript 范例。 1. 驗證表單 表單驗證是網頁開發中經常用到的功能。以下是一個簡單的表單驗證范例：

<form name="myForm">
<label>用戶名：</label>
<input type="text" name="username"><br>
<label>密碼：</label>
<input type="password" name="password"><br>
<input type="button" value="提交" onclick="checkForm()">
</form>
<script>
function checkForm() {
var username = document.myForm.username.value;
var password = document.myForm.password.value;
if (username === '') {
alert('請輸入用戶名！');
return false;
}
if (password === '') {
alert('請輸入密碼！');
return false;
}
return true;
}
</script>

上述代碼中，利用了表單元素的 value 屬性來獲取表單輸入的值，并用 if 語句判斷輸入是否為空，如果為空，則使用 alert() 方法彈出提示框，返回 false 阻止表單提交，如果輸入不為空，則返回 true 允許表單提交。 2. 加載更多 在一個商品列表頁面中，為了避免一次性加載過多商品而導致頁面加載緩慢，常采用分頁加載的方式，用戶可以點擊“加載更多”按鈕來加載更多商品。以下是一個加載更多的 JavaScript 范例：

<div id="goodsList">
<ul>
<li>商品1</li>
<li>商品2</li>
<li>商品3</li>
<li>商品4</li>
<li>商品5</li>
<li>商品6</li>
<li>商品7</li>
<li>商品8</li>
<li>商品9</li>
<li>商品10</li>
</ul>
<button onclick="loadMore()">加載更多</button>
</div>
<script>
var curPage = 1;
var totalPages = 3;
function loadMore() {
curPage++;
if (curPage <= totalPages) {
var $goodsList = document.getElementById('goodsList');
var $ul = $goodsList.querySelector('ul');
var $li = document.createElement('li');
$li.innerHTML = '商品' + (curPage * 10 - 9);
$ul.appendChild($li);
} else {
alert('已經到底了！');
curPage--;
}
}
</script>

以上代碼中，首先定義兩個變量 curPage 和 totalPages，curPage 表示當前頁數，totalPages 表示總頁數。loadMore() 函數中，curPage 自增，當 curPage 小于等于 totalPages 時，動態創建一個商品 li 元素并插入到商品列表的 ul 元素中，商品名稱為“商品”+當前商品序號。當 curPage 大于 totalPages 時，彈出提示框“已經到底了！”并將 curPage 減 1，避免連續點擊“加載更多”按鈕導致 curPage 值過大。 總結 JavaScript 范例有很多，上述只列舉了兩個簡單的例子。開發者可以根據需求來學習和應用 JavaScript，豐富頁面交互和動態效果，提高用戶體驗。