1.1 基础

HTML 中插入 JavaScript

一般不影响页面展示的脚本放 body 最后;
影响页面展示的放 head

  • 内部脚本script 作为元素存在;文档内部随便放;
<script>
    console.log('load JavaScript');
</script>
  • 外部脚本
<script src="test.js"></script>
<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

输出

    window.alert('ok');
    alert('ok');
    document.write('ok');
    document.body.innerHTML = 'ok';
    console.log('ok');

调试的话还是用 consolo.log() 好了,其他几个几乎不用;
innerHTML 偶尔还能写入一下元素;

字面量

3.14
1001
123e5
"Li Lei"
'Han Meimei'
true
false
undefine
Null
[1,2,3,4,5]
{name:'Li Lei', age: 18}

function testAction(a, b) {
    console.log(a + b);
}

语句

break           用于跳出循环。
catch           语句块,在 try 语句块执行出错时执行 catch 语句块。
continue        跳过循环中的一个迭代。
do ... while    执行一个语句块,在条件语句为 true 时继续执行该语句块。
for             在条件语句为 true 时,可以将代码块执行指定的次数。
for ... in      用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。
function        定义一个函数
if ... else     用于基于不同的条件来执行不同的动作。
return          退出函数
switch          用于基于不同的条件来执行不同的动作。
throw           抛出(生成)错误 。
try             实现错误处理,与 catch 一同使用。
var             声明一个变量。
while           当条件语句为 true 时,执行语句块。

注释

// 单行注释

/*
    多行注释
 */

变量

var name;
var age = 18;
name = 'Li Lei';

var phone, password;
var page = 0, pageSize = 20;
phone = '187xxxxx';
password = '123456';

局部变量局部使用;
全局变量为 window 的属性;

数据类型

字符串(String)
数字(Number)
布尔(Boolean)
数组(Array)
对象(Object)
空对象(Null)
未定义(Undefined)

null 与 undefined 值相等(undefined),类型不想同;

函数

    function sum(a,b) {
        return a+b;
    }

运算符

  • 算术
+
-
*
/
%
++
--
  • 赋值
=
+=
-=
*=
/=
%=
  • 比较
==
===
!=
!==
>
<
>=
<=
  • 逻辑
&&
||
!

条件

if (a==1) {
        
    } else if (a==2) {
        
    } else {
        
    }

switch

    switch(a) {
        case 1:
            // code
            break;
        case 2:
            // code
            break;
        default:
            // code
            break;
    }

for

    for (var i=0;i<10;i++) {
        document.write(i + "<br>");
    }

while

  • while
    var a = 0;
    while (a<10) {
        a++;
        document.write(a);
    }
  • do-while
    var a = 0;
    do {
        document.write(a)
        a++;
    } while(a<10);