• isNaN：指示某個值不是數字
• 文本字符串中使用反斜杠對代碼行進行換行;
• 在計算機程序中，經常會聲明無值的變量。未使用值來聲明的變量，其值實際上是 undefined。在執行過以下語句後，變量 carname 的值將是 undefined，如：var carname;

 1 <script>
 2 
 3 function myFunction()
 4 {
 5 　　x=document.getElementById("demo");  // 找到元素
 6 　　x.innerHTML="Hello JavaScript!";    // 改變內容
 7 }
 8 
 9 
10 function
 
 changeImage()
11 {
12 　　element=document.getElementById(‘myimage‘)
13 　　if (element.src.match("bulbon"))
14   　　{
15  　　 element.src="/i/eg_bulboff.gif";
16   　　}
17 　　else
18   　　{
19   　　element.src="/i/eg_bulbon.gif";
20  　　 }
21 }
22 </script>
23 
24 <img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">

創建名為 cars 的數組：

1 var cars = new Array();
2 cars[0] = "Audi";
3 cars[1] = "BMW";
4 cars[2] = "Volvo";
5 或者：var cars = new Array("Audi","BMW","Volvo");

JavaScript 對象

對象由花括號分隔。在括號內部，對象的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔：

1 var person = {firstname: "Bill", lastname: "Gates", id: 5566};
2 
3
 
 var person = {
4     firstname : "Bill",
5     lastname  : "Gates",
6     id        :  5566
7 };

訪問方法：name = person.lastname; name = person["lastname"];

聲明變量類型：

1 var carname=new String;
2 var x=      new Number;
3 var y=      new Boolean;
4 var cars=   new Array;
5 var person= new Object;

對象的方法：

1 var txt = "Hello";
2 
3 txt.length=5;
4 txt.indexOf();
5 txt.replace();
6 txt.search();
7 txt.toUpperCase();

改變 HTML 樣式:

1 <p id="p2">Hello World!</p>
2 
3 <script>
4 　　document.getElementById("p2").style.color="blue";
5 </script>

鼠標事件：

• onload：當瀏覽器載入時的事件
• onclick：當某標簽被點擊時的事件
• onchange：事件常結合對輸入字段的驗證來使用，比如輸入
• onmousedown, onmouseup 以及 onclick 構成了鼠標點擊事件的所有部分。首先當點擊鼠標按鈕時，會觸發 onmousedown 事件，當釋放鼠標按鈕時，會觸發 onmouseup 事件，最後，當完成鼠標點擊時，會觸發 onclick 事件。
• onfocus當輸入字段獲得焦點時，改變其背景色。

 1 <script>
 2 function myFunction()
 3 {
 4 　　var x=document.getElementById("fname");
 5 　　x.value=x.value.toUpperCase();
 6 }
 7 </script>
 8 
 9 請輸入英文字符：<input type="text" id="fname" onchange="myFunction()">
10 <p>當您離開輸入字段時，會觸發將輸入文本轉換為大寫的函數。</p>

• onmouseover，onmouseout：當鼠標移動到HTML事件上時和出來時廠產生的事件

 1 <div onmouseover="mOver(this)" onmouseout="mOut(this)" style="width:120px;height:20px;padding:40px;color:#ffffff;">把鼠標移到上面</div>
 2 
 3 <script>
 4 function mOver(obj)
 5 {
 6     obj.innerHTML="謝謝"
 7 }
 8 
 9 function mOut(obj)
10 {
11     obj.innerHTML="把鼠標移到上面"
12 }
13 </script>

用javacrip刪除和創建標簽:

 1 <div id="div1">
 2 <p id="p1">這是一個段落</p>
 3 <p id="p2">這是另一個段落</p>
 4 </div>
 5 
 6 <script>
 7 //創建標簽
 8 var para = document.createElement("p");
 9 var node = document.createTextNode("這是新段落。");
10 para.appendChild(node);
11 var element = document.getElementById("div1");
12 element.appendChild(para);
13 
14 //刪除標簽（需要找到父類標簽然後再用removeChild（）刪去）
15 var parent = document.getElementById("div1");
16 var child = document.getElementById("p1");
17 parent.removeChild(child);
18 
19 </script>

Javascrip隨筆1