基本格式已省略，直接列出代碼部分
1.變量類型
<body>
<script>
//定義變量
var x=;
var y=;
var z=x+y;
document.write(x);
document.write(y + "<br>");
document.write(z + "<br>");
</script>
<script>
//可以用逗号且分行聲明(一行也可以)
//使用單雙引号，該值會被作為文本來處理
var pi=,
var name="Nice",
var Name='nice';
</script>
<button type="button" onclick="myFun()">click</button>
<p id="demo"></p>
<script>
//先聲明再指派
var a; //此時 a 的值為undefined
a="red";
var a; //此時 a 的值依舊是red
//建立了名為 b 的變量，
//并向其指派 "blue"，
//然後把它放入 id="demo" 的 HTML 段落中
function myFun()
{
var b="blue";
document.getElementById("demo").innerHTML=b;
}
</script>
<!-- JS的算數 -->
<p>假設 x=2,計算 y=x+3 的值.</p>
<button type="button" onclick="MyFun()">click</button>
<p id="Demo"></p>
<script>
function MyFun()
{
var x=;
var y=x+;
var d=document.getElementById("Demo");
d.innerHTML="y=" + y;
}
</script>
</body>
2.資料類型
<body>
<script>
//執行個體
var a1; //a1為undefined
var a2=null; //a2為null
/*
undefined這個值表示變量不含有值
null為清空，可以通過将變量的值為null來清空變量
*/
var b1="hello 'world'";
var b2='hello "world"';
var c1=;
var c2=;
var d1=; //科學計數法，12300000
var d2=; //0.00123
var bool1=true; //布爾
var bool2=false;
var Pets1=new Array(); //數組
Pets1[]="dog";
Pets1[]="cat";
Pets1[]="pig";
//condensed array
var Pets2=new Array("dog","cat","pig");
//literal array
var Pets3=["dog","cat","pig"];
</script>
<script>
//JS對象
/*
對象由花括号分隔。在括号内部，
對象的屬性以名稱和值對的形式 (name : value) 來定義。
屬性由逗号分隔
*/
var person={name:"Tom",sex:"man",id:};
//回車折行無所謂
var person={
name:"Tom";
sex:"man";
id:;
};
//對象屬性的兩種尋址方式
name = person.name;
name = person["name"];
</script>
<script>
//聲明變量類型
//JS變量均為對象，當你聲明一個變量時，就建立一個新的對象
var str = new String;
var num = new Number;
var boo = new Boolean;
var arr = new Array;
var obj = new Object;
</script>
</body>
![主流浏覽器四大綜合性能測試[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)