Javascript入門

Javascript是一種用于Web開發的腳本語言，它可以使網站更加動態和交互，增強用戶體驗。

以下是一個很簡單的Javascript程序，它可以在網頁上顯示“Hello World”：

<script>
document.write("Hello World!");
</script>

Javascript變量

在Javascript中，您需要聲明一個變量來存儲數據。以下是一個變量存儲數字的例子：

<script>
var x = 10;
document.write(x);
</script>

變量也可以存儲字符串：

<script>
var greeting = "Hello";
document.write(greeting);
</script>

Javascript函數

Javascript中的函數是一段可重復使用的代碼塊。以下是一個簡單的函數，它將兩個數字相加：

<script>
function addNumbers(a, b) {
return a + b;
}
document.write(addNumbers(5, 10));
</script>

Javascript數組

在Javascript中，您可以使用數組來存儲多個值。以下是一個數組存儲顏色的例子：

<script>
var colors = ["Red", "Green", "Blue"];
document.write(colors[0]); // 輸出第一個元素: "Red"
</script>

Javascript條件語句

在Javascript中，您可以使用條件語句來控制程序的執行流程。以下是一個簡單的條件語句，它會檢查一個數字是否大于10：

<script>
var x = 5;
if (x >10) {
document.write("x 大于 10");
} else {
document.write("x 小于等于 10");
}
</script>

Javascript循環語句

在Javascript中，您可以使用循環語句來重復執行一段代碼。以下是一個簡單的循環語句，它會輸出數字1到5：

<script>
for (var i = 1; i <= 5; i++) {
document.write(i + "<br>");
}
</script>

Javascript事件

在Javascript中，事件是用戶執行網頁操作時觸發的行為。以下是一個簡單的事件，它會在用戶單擊按鈕時彈出一個消息框：

<script>
function showMessage() {
alert("Hello World!");
}
</script>
<button onclick="showMessage()">點擊這里</button>

Javascript DOM操作

在Javascript中，您可以使用DOM（Document Object Model）來操縱網頁上的元素。以下是一個簡單的DOM操作，它會改變網頁上一個段落的文本：

<p id="demo">Hello World!</p>
<script>
document.getElementById("demo").innerHTML = "Hello Javascript!";
</script>

結論

Javascript是一個非常強大的腳本語言，可以用于控制網頁上的各種元素，實現更好的用戶體驗。通過本文的介紹，您已經了解了Javascript的基本語法、變量、函數、數組、條件語句、循環語句、事件和DOM操作。繼續學習和實踐Javascript，您將成為一名出色的Web開發工程師。