本篇學習資料主要講解javascript的基本語法、數據結構
無論是傳統的編程語言，還是腳本語言，都具有數據類型、常量和變量、運算符、表達式、注釋語句、流程控制語句等基本元素構成，這些基本元素構成了變成基礎。
一、javascript的基本語法
1、執行順序：
javascript程序按照在html文件中出現的順序逐行執行。如果需要在整個html文件中執行，最好將其放在<head>......</head>標記中。
2、區分大小寫：
Javascript對字母大小寫敏感，也就是說在輸入語言的關鍵字、函數、變量以及其他標識符時，一定要嚴格區分字母的大小寫，例如變量username與變量userName是兩個不同的變量。（許多javascript對象和屬性都與其代表的html標簽或屬性同名，在html中，這些名稱可以以任意大小寫方式輸入而不會引起混亂，但在javascript中，這些名稱通常都是小寫。）
3、分號：
在javascript語句中，最好在每行的最后加上一個分號“；”，這樣能保證每行的代碼的准確性。
如下：Alert(“how are you”)
Alert(“how are you”)；
4、空格：javascript會忽略多余的空格，用戶可以向腳本添加空格，來提高其可讀性。
如下：var name=”javascript”;
var name = ”javascript” ;
5、注釋：
注釋是用來解釋程序代碼的功能，增加代碼的可讀性或者阻止代碼的執行，不參於程序的執行。Javascript中注釋分為單行注釋和多行注釋兩種。
單行注釋：單行注釋也即只注釋一行，注釋符號為 // ，該符號后面的都是屬於注釋的內容直到該行結束。
code：// 下面只是一行文字
alert("我是提示文字");
多行注釋：多行注釋即一次可以注釋多行代碼，多行注釋符號以 /* 開始，以 */ 結束。
<script type="text/javsscript">
/*
下面是一個彈出提示信息框
在該行代碼中，無需任何變量或參數
實際只是一行文字
*/
alert("我是提示文字");
</script>
通常情況下：
如果“//”位於一行的開始，則用來解釋下一行或者一段代碼的功能。（觀察單行注釋）
如果“//”位於一行的結尾，則用來解釋當前行代碼的功能。
如果用來阻止一行代碼的執行，那就把“//”放在一行的首字符前。
6、語句：
Javascript程序是語句的集合，一條javascript語句相當於英語中的一個完整句子。Javascript語句將表達式組合起來，完成一定的任務。一條語句有一個或多個表達式、關鍵字或運算符組合，語句之間用分號（；）隔開，也就是，分號是一個javascript語句的結束符號。
code：var today=new Date()；
5、語句塊：
語句塊是一些語句的集合，通常語句塊都會被一對大括號括起來。
在調用語句時，javascript會按書寫次執行語句塊中的語句。語句塊的作用是語句的序列一起執行，javascript的函數是將語句的組合在塊中的典型例子，請看下面的例子：
“運行可操作兩個html元素的函數”：
<!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="Generator" content="EditPlus®"> <meta name="Author" content="老羅江湖"> <meta name="Keywords" content="語句、語句塊、javascript學習"> <title> 語句塊 </title> </head> <body> <h2>我的網站</h2> <div id="myDiv">你好，我是一個Div塊！</div> <p id="myPar">你好，我是一個段落！</p> <p> <button type="button" onclick="myFunction()">單擊這里</button> </p> <script type="text/javascript"> function myFunction() { document.getElementById("myPar").innerHTML="how are you?"; document.getElementById("myDiv").innerHTML="I'm fine"; } </script> <p>當你單擊上面的按鈕時，兩個元素會改變。</p> </body> </html>
效果圖：
效果圖中單擊“單擊這里”按鈕，可以看到兩個元素發生了變化，“document.getElementById() ”的意思是：根據ID得到頁面中的對象。
二、Javascript數據結構
每一種計算機編寫語言都有自己的數據結構，javascript腳本語言的數據結構包括 ：標識符、常量、變量、關鍵字、保留字等。
| 標識符： （1）、標識符只能由字母、數字下划線和中文組成，而不能包含空格、標識符、運算符號等其他符號。 （2）、標識符的第一個字母必循是字母、下划線或者中文，數字不能作為首字符和不能使用標點符號、運算符號。
|
比如： Int2 _File_Open Sex //數字不能作為首字符 //不能使用標點符號、運算符號。 |
Javascript中的“關鍵字”、“保留字”
Javascript 的保留字、關鍵字不可以用作變量、標簽或者函數名。有些保留關鍵字是作為Javascript 以后擴展使用。
關鍵字單詞表：
| break |
break |
break |
break |
| default |
delete |
do |
else |
| finally |
for |
function |
if |
| in |
instanceof |
new |
return |
| switch |
this |
throw |
try |
| typeof |
var |
void |
while |
| with |
|
|
保留字單詞表：
| abstract |
boolrean |
byte |
char |
| class |
const |
debugger |
double |
| enum |
export |
extends |
final |
| float |
goto |
implements |
import |
| int |
interface |
long |
native |
| package |
private |
protected |
public |
| short |
static |
super |
synchronized |
| throws |
transient |
volatile |
|
常量：
JavaScript的常量通常又稱字面常量，是固化在程序代碼中的信息，常量的值從定義開始就是固定的。
數值（整數和實數）和字符串型（用“”號或‘’括起來的字符或數值）都是常量。
變量：
是在程序運行的過程中，其值可以改變。變量用於存儲特定數據類型的數據，用變量名代表其存儲空間。
程序能在變量中存儲值和取出值，可以把變量比作超市的貨架（內存），貨架上擺放着商品（變量），可以把商品從貨架上取出來（讀取），也可以把商品放入貨架（賦值）。
（1）、變量的命名：
變量的名稱是一個標識符，變量的名稱可以是任意長度。創建變量的名稱時，需要遵循以下命令規則：
{1}、首字符必須是以字母或者一個下划線（_）,不能是文字，數字不能作為首字符和不能使用標點符號、運算符號。
{2}、變量名是嚴格區分大小寫的。例如：變量名稱MyCounter與變量名稱myCounter是的不同。
{3}、變量名稱不能是javascript的“關鍵字”和“保留字”。
| 變量的命名： 變量的名稱是一個標識符，變量的名稱可以是任意長度。創建變量的名稱時，需要遵循以下命令規則： （2）、變量名是嚴格區分大小寫的。例如：變量名稱MyCounter與變量名稱myCounter是的不同。
|
比如： Part9 Numer //數字不能作為首字符 //"與"符號不能用在變量名稱中 |
（2）、變量的聲明與賦值
所謂變量的聲明即為變量指定一個名稱。聲明變量后，就可以把它們用作存儲單元。
Javascript中使用關鍵字var聲明變量，在關鍵字之后的字符串將代表一個變量名，
code： var 標識符；
一個關鍵字var可以同時聲明多個變量名，多個變量名之間必須用逗號“，”分隔。
如： var username，pwd，age；
變量的賦值：
可以使用javascript中的賦值運算符，即等於號（=）。
聲明變量名時賦值，聲明變量username並賦值為“老羅江湖”，
代碼如下：
var username=“老羅江湖”；
下面來一個簡單的實例：創建了名為treename的變量，並向其賦值桃花樹，然后把它放入id=“demo”的HTML段落中。
<!doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="Keywords" content="在HTML中使用Javascript，javascript入門，html"> <meta name="Description" content="老羅江湖"> <title> 變量的；命名、聲明與賦值、作用范圍 </title> </head> <body> <p>單擊這里來創建變量，並顯示結果</p> <button onclick="myFunction()">單擊這里</button> <p id="demo"></p> <script type="text/javascript"> function myFunction() { var treename="桃花樹"; document.getElementById("demo").innerHTML=treename; } </script> </body> </html>
效果圖：
效果圖中點擊“單擊這里”按鈕，可以看到兩個元素發生了變化。
轉自http://www.cnblogs.com/KTV123/p/6057904.html