能否舉例說明JavaScript如何創建動態內容?
當然可以。假設我們有一個簡單的網頁,其中包含一個按鈕和一個顯示區域。當用戶點擊按鈕時,我們希望在顯示區域顯示一個隨機數。我們可以使用JavaScript來實現這個功能。
首先,我們需要創建一個HTML頁面,其中包含一個按鈕和一個顯示區域:
html
<!DOCTYPE html>
<html>
<head>
<title>動態內容示例</title>
</head>
<body>
<button onclick="generateNumber()">生成隨機數</button>
<div id="displayArea"></div>
</body>
</html>
在這個頁面中,我們創建了一個按鈕,當用戶點擊這個按鈕時,會觸發一個名為“generateNumber”的JavaScript函數。我們還創建了一個div元素,用于顯示生成的隨機數。
接下來,我們需要創建一個JavaScript函數來生成隨機數并將其顯示在顯示區域:
html
<script>
function generateNumber() {
// 生成一個1到100之間的隨機數
var randomNumber = Math.floor(Math.random() * 100) + 1;
// 獲取顯示區域
var displayArea = document.getElementById("displayArea");
// 將隨機數顯示在顯示區域
displayArea.innerHTML = "生成的隨機數是:" + randomNumber;
}
</script>
在這個函數中,我們首先使用Math.random()函數生成一個0到1之間的隨機數,然后將其乘以100并向下取整,得到一個1到100之間的隨機數。接下來,我們使用document.getElementById()函數獲取顯示區域的元素,然后將其innerHTML屬性設置為生成的隨機數。這將使得顯示的隨機數出現在網頁的顯示區域中。
當用戶點擊按鈕時,generateNumber()函數將被調用,生成的隨機數將顯示在顯示區域中。這樣,我們就使用JavaScript創建了一個簡單的動態內容。






















