iT邦幫忙

2023 iThome 鐵人賽

DAY 15
0

以下是JavaScript入門需要知道的5項事情:

1.JavaScript是什麼?
JavaScript是一種高級的網頁編程語言,主要用於網頁開發,但也可用於伺服器端(Node.js)和移動應用程式開發。它是一種動態、基於事件的語言,用於使網頁更具互動性。以下是一個簡單的JavaScript示例,用於在網頁上顯示一個警示框:

javascriptCopy code
alert("歡迎使用JavaScript!");

2.變數和數據類型:
在JavaScript中,你可以使用變數來存儲數據,並且不需要提前聲明數據類型。常見的數據類型包括數字、字符串、布林值、數組和對象。如以下範例,定義一個變數並存儲一個數字:

javascriptCopy code
var age = 30;

3.控制流程:
JavaScript支持條件語句(例如**ifelseswitch)和迴圈(例如forwhile**)等控制流程結構,這使你能夠根據條件執行不同的程式碼塊,或者重複執行程式碼。如以下範例,使用條件語句檢查一個數字是否大於10:

javascriptCopy code
var number = 15;

if (number > 10) {
    console.log("數字大於10");
} else {
    console.log("數字小於或等於10");
}

4.函數:
函數是JavaScript中的重要概念,它允許你將程式碼組織成可重用的塊。你可以定義函數,並將參數傳遞給它們以進行處理,然後返回結果。如以下範例,定義一個簡單的函數,接受兩個參數並返回它們的和:

javascriptCopy code
function add(a, b) {
    return a + b;
}

var result = add(5, 3); // 調用函數,result將等於8

5.DOM操作:
文檔物件模型(DOM)允許JavaScript與HTML文檔互動。你可以使用JavaScript選擇、修改、添加或刪除HTML元素,並對事件進行監聽以實現互動性。如以下範例,使用JavaScript選擇一個HTML元素,並更改其內容,這個JavaScript代碼選擇了帶有**idmyPara**的段落元素,並將其內容更改為新的文本:

htmlCopy code
<p id="myPara">這是一個段落。</p>

javascriptCopy code
var paragraph = document.getElementById("myPara");
paragraph.innerHTML = "這是更新後的內容。";

這幾個簡單的範例涵蓋了JavaScript入門主題,包括警示框、變數、條件語句、函數和DOM操作。通過這些基本概念的實際應用,你可以開始編寫簡單的JavaScript程式,並進一步學習更多高級的JavaScript技術。


上一篇
Day 14-CSS 進階
下一篇
Day 16-JavaScript 進階
系列文
菜鳥行銷PM教你30天用Wordpress成為個性化網站大師30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言