JavaScript是一門廣泛應用于web頁面的腳本語言,主要用于驗證表單、創建特效、操作DOM對象等。
在JavaScript中,變量可以用var關鍵字來聲明。變量可以存儲各種類型的值,如:數字、字符串、布爾值、數組和對象等。
var name = "Tom"; var age = 18; var isStudent = true; var hobbies = ["reading", "music"]; var address = {city:"Beijing", street:"XX road"};
JavaScript中的條件語句和循環語句與其他編程語言類似。如if語句用于進行條件判斷,switch語句用于多條件分支,for循環和while循環用于重復執行代碼塊。
var score = 85; if(score >= 90){ document.write("A"); } else if(score >= 80){ document.write("B"); } else { document.write("C"); } switch(color){ case "red": document.write("This is a red color."); break; case "green": document.write("This is a green color."); break; default: document.write("This is a different color."); } for(var i=0; i<10; i++){ document.write(i); } var j = 0; while(j<10){ document.write(j); j++; }
JavaScript中的函數聲明可以有形參和返回值,使用function關鍵字定義函數。函數可以在代碼的任何地方調用。
function sum(a, b){ return a + b; } var result = sum(3, 4); document.write(result);
JavaScript中的數組和對象是非常靈活的數據結構。數組可以存儲任意類型的值,可以動態添加和刪除元素。對象可以存儲鍵值對,可以通過鍵名訪問對應的鍵值。
var arr = [1, "two", true]; arr.push("three"); var obj = {name:"Tom", age:18}; document.write(obj.name);
JavaScript中的DOM操作是其重要功能之一。文檔對象模型(DOM)是網頁的編程接口,使開發者可以訪問和修改網頁的內容和結構。
//獲取并修改元素內容 var element = document.getElementById("btn"); element.innerHTML = "Click me"; //動態創建元素并添加到頁面中 var newElement = document.createElement("div"); newElement.innerHTML = "New element"; document.body.appendChild(newElement);
JavaScript中的事件機制使得網站可以與用戶交互。使用addEventListener()方法可以為頁面元素添加各種事件,如click、mouseover、keydown等。
//為按鈕添加click事件 var btn = document.getElementById("btn"); btn.addEventListener("click", function(){ alert("Button clicked!"); });
以上只是JavaScript語法中的部分內容。在實際開發中,JavaScript還有豐富的函數庫和框架可以使用,如jQuery、React、Vue等。