Javascript，簡稱JS，是一種基于對象和事件驅動的編程語言，常用于網頁交互和客戶端特效處理，如表單驗證、動態生成網頁元素、異步加載數據等。下文將詳細說明Javascript的基本語法和常用功能。

變量和數據類型

//聲明變量
var name = "Tom";
var age = 18;
//數據類型
var num = 10; //數字
var str = "hello"; //字符串
var bool = true; //布爾
var arr = [1, 2, 3]; //數組
var obj = {name: "Tom", age:18}; //對象
var func = function(){alert("hello");}; //函數

運算符和控制流程

//運算符
var a = 10;
var b = 20;
var c = a + b; //加法
var d = a * b; //乘法
var e = b / 2; //除法
var f = a % 3; //取模
//控制流程
var score = 80;
if(score >= 90){
alert("優秀");
}else if(score >= 80){
alert("良好");
}else{
alert("不及格");
}
for(var i=0; i<10; i++){
console.log(i);
}
var j = 0;
while(j<10){
console.log(j);
j++;
}

函數和事件

//函數
function add(a, b){
return a+b;
}
var result = add(10, 20);
console.log(result);
var say = function(name){
alert("hello " + name);
};
say("Tom");
//事件
var btn = document.getElementById("btn");
btn.onclick = function(){
alert("click");
};
var input = document.getElementById("input");
input.onkeyup = function(){
var val = input.value;
console.log(val);
};

DOM操作和JSON數據

//DOM操作
var div = document.createElement("div");
div.innerHTML = "hello";
document.body.appendChild(div);
var content = document.getElementById("content");
content.innerHTML = "hello";
var span = document.getElementById("span");
span.style.color = "red";
//JSON數據
var data = {"name":"Tom", "age":18};
console.log(data.name);
console.log(data["age"]);
var jsonStr = '{"name":"Tom","age":18}';
var newData = JSON.parse(jsonStr);
console.log(newData);

jQuery庫的使用

//引用jQuery庫
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
//常用方法
$(document).ready(function(){
$("#btn").click(function(){
alert("click");
});
$("#input").keyup(function(){
var val = $(this).val();
console.log(val);
});
});
$("div").css("color", "red");
$.get("url", function(data){
console.log(data);
});
$.post("url", {"name":"Tom","age":18}, function(data){
console.log(data);
});

總之，Javascript語言是網頁開發不可或缺的一部分，它可以讓網頁更加生動和具有用戶交互性，掌握Javascript基礎語法和常用功能對于網頁開發人員來說是必備的技能。