JavaScript是一種廣泛應用于網頁開發中的腳本語言,它可以與HTML和CSS一起使用,實現網頁交互及動態效果。
以下是JavaScript的基本語法和常用操作:
-
變量聲明:使用var、let或const關鍵字聲明變量。
var?name?=?"John";
let?age?=?25;
const?PI?=?3.14;
-
數據類型:包括字符串、數字、布爾值、數組、對象等。
var?message?=?"Hello!";
var?num?=?10;
var?isTrue?=?true;
var?fruits?=?["apple",?"orange",?"banana"];
var?person?=?{name:?"John",?age:?25};
-
運算符:包括算術運算符(+、-、*、/)、比較運算符(==、!=、>、<)、邏輯運算符(&&、||、!)等。
var?x?=?5;
var?y?=?10;
var?z?=?x?+?y;
var?isGreater?=?x?>?y;
var?isLogicalAnd?=?x?<?10?&&?y?>?5;
-
條件語句:使用if語句根據條件執行不同的代碼塊。
var?age?=?18;
if?(age?>=?18)?{
???console.log("成年人");
}?else?{
???console.log("未成年人");
}
-
循環語句:使用for循環或while循環重復執行代碼塊。
for?(var?i?=?0;?i?<?5;?i++)?{
???console.log(i);
}
var?i?=?0;
while?(i?<?5)?{
???console.log(i);
???i++;
}
-
函數:使用function關鍵字定義函數,實現代碼的封裝和重復利用。
function?sayHello(name)?{
???console.log("Hello,?"?+?name?+?"!");
}
sayHello("John");
-
事件處理:使用addEventListener方法給元素添加事件監聽器,實現對用戶操作的響應。
document.getElementById("myButton").addEventListener("click",?function()?{
???console.log("按鈕被點擊了!");
});
-
修改HTML內容:使用innerHTML屬性修改HTML元素的內容。
document.getElementById("myElement").innerHTML?=?"新內容";
通過學習JavaScript的基本語法和常用操作,你可以使用JavaScript實現網頁的交互功能,例如表單驗證、動態更新頁面內容等。
本文由 mdnice 多平臺發布