js入门-two

document.write  :  文档输出。如果当页面加载完成后再去执行该方法，但该方法的输出内容会覆盖页面原有的内容。

注：window.οnlοad=function(){}

当用js写的有些效果是在页面加载完成后才能实现的，需要把script标签放在整个html代码的最后，或者是放在head标签中然后把js内容写在window.οnlοad=function(){}的代码块中。

document.getElementById()；（document(文档)element(元素)文档下通过id来获取元素）

var oBox = document.getElementById('box');

获取id为box的标签的值：

var sBox = oBox.value;

注：通过value属性获取到的内容都是字符串类型的

1、判断输入的是否为数字

if(isNaN(要判断的值)){}

2、switch的用法

switch(要做选择的属性名){
  case 值:当前值要执行的语句;
  break;//阻止代码向下一个case运行，防止case穿透
}

例：
var sJudge = document.getElementById('#box').value
switch(sJudge){
  case 1:当前值要执行的语句;
  break;
}

3、三目运算符

表达式1 ？ 表达式2 ： 表达式3（等同于if()else{}）

如果表达式1运行结果为true则执行表式2，否则执行表达式3

4、程序的三大结构

(1) 顺序结构：按顺序一步步执行。

(2) 选择结构（条件结构）：有条件语句判断，看要执行哪一步。

    例如：if语句，switch语句

    只有if(){}else{}时，代码块中都只有一条语句时，可省略花括号。

    当if有花括号else没有，并且else下有多条执行语句时，之会执行else后的第一条语句。

(3) 循环语句

    例如：while语句，do while语句，for语句

    while(条件){语句}

    do{语句}while(条件)

    for(初始化变量；条件；变化){语句}

注：while 和 do while 的区别    

    (1) while有可能一次都不执行；do while 至少会执行一次

    (2) while 先判断后执行；do while 先执行一次后判段

注：for循环执行顺序

    (1) 声明初始化变量，(2)判断条件，(3)执行代码块，(4)执行变化，(5)判断条件...

注：break 和 continue的同异

不同：break ：跳出整个循环

           continue : 跳出当前循环，执行下一次循环

相同：都不会执行各自后面的代码

5、console的常用方法

console.log()//输出普通信息
console.warn()//输出警示信息
console.info()//输出提示性信息
console.error()//输出错误信息
console.debug()//输出调试信息
console.group()//开始一组输出信息
console.groupEnd()//结束一组输出信息
console.time()//必须传入一个字段表标示开始计时
console.timeEnd()//必须传入一个字段表标示结束计时
console.assert()//对表达式进行判断，只有为false时才会输出信息
console.dir()//将dom节点以树形结构形式进行输出便于查看