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