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);