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基本語法