javascript學習1-變量和語句

javascript是單獨的語言，與JAVA完全不同。

? ? 字符串：

????布爾：

????時間：

????數值：沒有強制類型限制，但在計算小數時，需要先*再/精確小數位

? ? 數組(列表)：使用for讀取

????對象（字典）:鍵：值

字符串屬性和方法

時間對象的屬性和方法：

????var?d=new?Date();
????d.getTime();
????document.write(d);
????d.setDate(17);
????document.write(d);

列表屬性和方法

定義函數：

function?funcname(arg1,arg2,...){

????代碼塊;
}

if語句：

if?(條件){
????代碼塊;
}
//----------
if?(條件2){
????代碼塊1;
}else?if(條件2){
????代碼塊2;
}

...?...
else?if(條件N){
????代碼塊N;
}

for語句：

????1、for in:遍歷數組/字典

for?(變量?in?對象){
????代碼塊;
}

//--------------
????list=['a',2,3,4,5,6,7];
????for?(var?s?in?list){
?????document.write(list[s]);
????}

????2、for 條件:可以使用break強制退出，也可使用continue退出本次循環

for?([條件變量];[表達式];[條件變量自增]){
????代碼塊;
}
//----------打印下標為偶數
????list=['a',2,3,4,5,6,7];
????for?(var?i=0;i<list.length;i=i+2){
?????document.write(list[i]);
????}
//for里的參數全省略，就是死循環，可以用break參數退出；
????list=['a',2,3,4,5,6,7];
????var?i=0;
????for?(;;){
??????document.write(list[i]);
??????i=i+2;
??????if?(i>list.length){
????????break;
??????}
????}

while語句：

while(條件){
????代碼塊;
}
//----
while?(list[n]){
??document.write(list[n]);
??n++;
}

do while語句：比while多循環一次

do{
????代碼塊;
}
while(條件);

Switch語句：選擇指定值執行

缺少break會從滿足條件運行，并運行后面所有分支，直到break或switch結束

case條件使用的是===判斷

switch(n)
{
????case?1:
????????代碼塊1;
????case?2:
????????代碼塊2;
????……
????
????case?n:
????????代碼塊n;
????default:
????????不滿足以上條件執行的代碼塊;
}
//---
????list=['a',2,3,4,5];
????var?n=9;
????switch?(n)
??????{
????????case?1:
??????????document.write(list[n]);
??????????break;
????????case?2:
??????????document.write(list[n]);
??????????break;
????????case?3:
??????????document.write(list[n]);
??????????break;
????????case?4:
??????????document.write(list[n]);
??????????break;
????????case?5:
??????????document.write(list[n]);
??????????break;
????????default:
??????????document.write('超出列表');
??????????break;
??????}

小練習：

document.body.scrollTop:設定網頁滾動條位置。

function?gotop(){
??document.body.scrollTop=0;
}
//返回網頁頂部

setInterval('函數名',時間毫秒)：指定時間運行函數

function?warm_box(){
????alert("hello?word!?hard?work!")
}
setInterval("warm_box()",2000)

×××燈效果一（帶停頓）：

????function?note(){
??????var?t?=?document.getElementById('ti');
??????var?s?=?t.innerHTML;
??????var?sl?=?s.split('');
??????var?c?=?sl.shift();
??????sl.push(c);
??????var?ss=sl.join('')
?
??????t.innerHTML=ss;
????}
????setInterval('note()',200);

×××燈效果二（不帶停頓）：獲取元素文本使用innerText

????function?note(){
??????var?t?=?document.getElementById('ti');
??????var?s?=?t.innerText;
??????var?sl?=?s.split('');
??????var?c?=?sl.shift();
??????sl.push(c);
??????var?ss=sl.join('')
?
??????t.innerText=ss;
????}
????setInterval('note()',200);