JS基本語法
1.學習javascript的目的？
A.增強網頁的動態效果。
B.改變網頁中的元素（能夠直接對網頁中的元素進行操作）。
C.加強同後臺的數據交互。頁面的數據驗證。
2.JS在web開發中的作用？
JS是寫在頁面中的。
JS的運行環境：
1）是通過瀏覽器解釋並執行的，解釋型語言。(java是通過javac來進行執行的)
2）運行js代碼，直接可以通過瀏覽器。
3.JS代碼的編寫？
1）網頁中引入js代碼？
通過在網頁任意地方加入<script> </script>標記。就是告訴瀏覽器，這個標記裏的內容是腳本語言。
|
<script type="text/javascript" > document.write(“helloworld”); </script> |
2）直接通過頁面元素引入
|
<a href="javascript:alert(‘單擊了我‘);">點我試試看</a> |
3）單獨的js文件（開發的時候推薦采用js形成單獨的文件）
|
<script src="js/first.js"></script> |
4.JS的數據類型？
js是一門弱類型的語言。
a.數值類型：
表示數字的。
b.boolean類型
表示true或false
c.字符串型：
表示字符串，雙引號或者單引號都可以的。
d.日期類型。數組類型……
變量定義的語法：
var a=12;//a就是變量名
註意的問題：
1)變量定義的時候，一定要賦值，如果不賦值，就是特殊的類型:undefined類型。
5.數據類型之間的轉換。
1）其它數據類型轉換為number類型：
|
//類型之間的相互轉換問題 var a="123abc"; //需要把字符串轉換為number類型 var b= parseInt(a); document.write(b); |
如果轉換出錯，那麽就會出現一個NaN（Not a number）。比如以下轉換就會得到NaN類型：
|
//類型之間的相互轉換問題 var a="ef123abc"; //需要把字符串轉換為number類型 var b= parseInt(a); document.write(b); |
2）其它類型轉換為字符串型。
|
//類型之間的相互轉換問題 var a=123; //需要把字符串轉換為string類型 var b= a.toString(); |
另外一種轉換成字符串的方式：
|
//類型之間的相互轉換問題 var a=123; //需要把字符串轉換為string類型 var b= a+""; |
6.在使用js的時候，同瀏覽器的交互。
1）彈出消息框的交互：
window.alert("hello,world");
2）確認框？
window.confirm("確定要刪除這條消息嗎？");
3）用戶輸入框？
window.prompt("請輸入你想輸入的心願");
7.流程控制語句
1）選擇語句。
if(邏輯表達式)…else
|
var s = window.prompt("請輸入年齡"); s=parseInt(s); if(s>=18){ document.write("成年人"); }else{ document.write("未成年人"); } |
switch…case語句
|
var season = window.prompt("請輸入季節"); switch(season){ case "一": document.write("春季"); break; case "二": document.write("夏季"); break; default : break; } |
2）循環語句
for循環。
|
for(var i=1;i<=10;i++){ var num =i*10+"px"; document.write("<hr width=‘"+num+"‘/>"); } |
註意：不要同java的for循環中的變量的定義方式搞錯。
8.JavaScript中的函數的定義。（方法）
1）具備返回值的方法,方法定義的時候，參數是形參。
|
function add(a, b){ return a+b; } 其中，a和b是形參。 |
2）沒有返回值的方法：
|
function out(str){ alert("輸出的數據:"+str); } |
網頁中的元素同JavaScript中的函數的關聯：
|
<input onclick="out(‘hello‘);" type="button" value="方法1"/> |
JS基本語法