javascript基礎語法-01
javascript基礎語法 javascript中的事件處理 使用javascript實現表單驗證（重點）
JavaScript簡介 JavaScript主要是嵌入HTML語法之中，實現頁面動態效果處理的程式語言。
javascript基礎語法（重點）
首先JavaScript是嵌入在HTML語法之中，所以所有的程式碼都使用“<script>”進行標記，但是對於指令碼有很多種 現在的使用的指令碼型別都使用“type”屬性標註：“type="text/javascript"”。但是最早的時候也會使用“langusge” 屬性標註，例如：“language="javascript"”，這兩者的本質是相同的，不管使用那一個都可以
範例：定義指令碼程式 <html> <head> <title>JavaScript應用</title> </head> <body> <!--表示定義一個指令碼程式--> <script type="text/javascript" > alert("hello");//警告框 alert("你好");//警告框 </script> </body> </html>
但是此處有一個小問題，如果在一個專案之中，JavaScript往往會編寫許多行程式碼，那麼如果全部編寫在 html之中，會造成檔案混亂，那麼在很多情況下都會將JavaScript程式碼定義在一個*js（指令碼檔案）之中。而後 再需要的地方使用src屬性匯入
範例：在需要的地方匯入檔案 <html> <head> <title>JavaScript應用</title> </head> <body> <!--表示定義一個指令碼程式--> <script type="text/javascript" src="demo.js"> </script> </body> </html>
這樣的編寫程式就非常方便維護了。 那麼除了使用alert()進行警告框彈出的輸出之中，也可以利用document.write()進行頁面輸出
範例“頁面輸出” <html> <head> <title>JavaScript應用</title> </head> <body> <!--表示定義一個指令碼程式--> <script type="text/javascript" > document.write("<h1>hello</h1>") document.write("<h1>你好</h1>") </script> </body> </html>
通過程式可以發現，利用JavaScript可以輸出HTML程式碼，而且輸出的HTML程式碼也可以被瀏覽器進行解析。 清楚了基本的結構之外，那麼下面就可以進入到程式的學習，主要還是以變數，函式，陣列為主
1.定義變數
JavaScript語法並不是非常嚴格，不像Java一樣，在定義變數的時候必須設定變數的型別，同時又準備了 許多的關鍵字（int,double,byte等），在JavaScript裡面如果要想定義變數統一使用var關鍵字表示，而且 變數定義的時候是不知道里面的具體型別的，具體的型別需要又設定的資料來決定的
範例：定義變數 <html> <head> <title>JavaScript應用</title> </head> <body> <!--表示定義一個指令碼程式--> <script type="text/javascript" > var x;//設定變數，變數的型別屬於未知 x=10;//因為設定的是一個整數，所以x的型別 是整型 alert(x+100); </script> </body> </html>
範例：定義字串 <html> <head> <title>JavaScript應用</title> </head> <body> <!--表示定義一個指令碼程式--> <script type="text/javascript" > var x;//設定變數，變數的型別屬於未知 x="hello";//因為字串型別 alert(x+100); </script> </body> </html>
而且隨著瀏覽器版本的提高，即使變數的時候不使用var那麼也可以直接宣告 <html> <head> <title>JavaScript應用</title> </head> <body> <!--表示定義一個指令碼程式--> <script type="text/javascript" > x="hello"; y=100; alert(x+y); </script> </body> </html>
雖然這種方式比較方便，但是也有可能造成如下一種情況
範例：觀察問題 <html> <head> <title>JavaScript應用</title> </head> <body> <!--表示定義一個指令碼程式--> <script type="text/javascript" > var name="zhangsan";//變數不宣告也可以直接使用，所以語法沒有錯誤 Name="lisi";//希望修改name的內容 alert(name); </script> </body> </html>
這就要求大家在編寫JavaScript變數的時候一定要注意命名標準，第一個單詞字母小寫，而後每個單詞的 首字母大寫。
2.程式邏輯
程式邏輯一共是三種：順序，選擇，迴圈結構，這些結構的操作形式與之前沒有任何的區別
範例：編寫迴圈操作，生成表格 <html> <head> <title>JavaScript應用</title> </head> <body> <!--表示定義一個指令碼程式--> <script type="text/javascript" > var lines=9;//行數 var columns=5;//列數 document.write("<table border=\"1\">"); for(var x=0;x<lines;x++){//控制行 document.write("<tr>"); for(var y=0;y<columns;y++){//控制列 document.write("<td>hello</td>"); } document.write("<tr>"); } document.write("</table>"); </script> </body> </html>
範例：99乘法表 <html> <head> <title>JavaScript應用</title> </head> <body> <!--表示定義一個指令碼程式--> <script type="text/javascript" > document.write("<table border=\"1\">"); for(var x=1;x<=9;x++){//控制行 document.write("<tr>"); for(var y=1;y<=x;y++){//控制列 document.write("<td>"+x+"+"+y+"="+x*y+"</td>"); } for(var y=1;y<=9-x;y++){ document.write("<td> </td>") } document.write("<tr>"); } document.write("</table>"); </script> </body> </html>
3.定義函式
Java中定義方法 [public|protected|private][static][final][synchronized]方法名稱 返回值型別（引數型別 變數,..|變數） [throws 異常，異常]{ [return [返回值];] } 但是在JavaScript之中定義函式非常簡單， function 函式名稱(引數,...) {[return [返回值];] } 所有的函式都使用function進行定義，在函式宣告處沒有返回值型別的宣告，如果需要返回資料，則直接編寫 return語法即可返回
範例：定義函式 <html> <head> <title>JavaScript應用</title> </head> <body> <!--表示定義一個指令碼程式--> <script type="text/javascript" > function add(x,y){ return x+y;} alert(add(10,20)); alert(add("hello","world")); </script> </body> </html>
函式的定義是那麼沒有原則，而且資料型別完全任意，最為重要的是，傳遞引數的時候還可以不按照要求傳遞。 <html> <head> <title>JavaScript應用</title> </head> <body> <!--表示定義一個指令碼程式--> <script type="text/javascript" > function add(x,y){ return x+y;} alert(add(10,20，30)); alert(add(10)); alert(add("hello","world")); </script> </body> </html>
雖然傳遞的引數上是很靈活，但是為了程式的嚴謹性考慮，還是定義多少個引數，就轉遞多少個引數。
4.定義陣列
範例：在JavaScript定義陣列 <html> <head> <title>JavaScript應用</title> </head> <body> <!--表示定義一個指令碼程式--> <script type="text/javascript" > var sum=0; var data=new Array(1,2,3); //定義三個元素的陣列 for(var x=0;x<data.length;x++){ sum+=data[x]; } alert(sum); </script> </body> </html