JS的基本知识点
JS数据类型
-
string(字符串):
字符串可以储存一系列字符,如“lidonghao“。
字符串可以是引号中的任意文本,可以使用单引号或双引号。
-
number(数字):
数字包含整数,浮点数。
-
boolean(布尔):
布尔只能有两个值:true和false。
-
Arrary(数组):
数组由[ ]构成,如arr=[1,2,3,4,5],可以是字符串,数字。
-
Object(对象):
对象由{}分隔,对象的属性以名称和值对的形式来定义
如:obj={ name = “ldh ” ,age = “24”};
-
Null(无效)
-
Unfined(未定义)
JS运算符
算数运算符
当y=5时,表格中的运算结果:
运算符 | 类型 | 例子 | x运算结果 | y运算结果 |
---|---|---|---|---|
+ | 加法 | x=y+2 | 7 | 5 |
- | 减法 | x=y-2 | 3 | 5 |
* | 乘法 | x=y*2 | 10 | 5 |
/ | 除法 | x=y/1 | 5 | 5 |
% | 求余 | x=y%2 | 1 | 5 |
++ | 自增 | x=++y | 6 | 6 |
x=y++ | 5 | 6 | ||
– | 自减 | x=–y | 4 | 4 |
x=y– | 5 | 4 |
赋值运算符
当x=10,y=5时,下表的运算结果:
运算符 | 例子 | 等同于 | 运算结果 |
---|---|---|---|
= | x=y | 5 | |
+= | x+=y | x=x+y | 15 |
-= | x-=y | x=x-y | 5 |
*= | x*=y | x=x*y | 50 |
/= | x/=y | x=x/y | 2 |
%= | x%=y | x=x%y | 0 |
比较运算符
x=5 比较下表运算符:
运算符 | 描述 | 比较 | 返回值 |
---|---|---|---|
== | 等于 | x==5 | true |
x==1 | false | ||
=== | 绝对等于 | x===5 | true |
x===“5” | false | ||
!= | 不等于 | x!=5 | false |
!== | 不绝对等于 | x!==5 | false |
x!==6 | true | ||
> | 大于 | x>6 | false |
< | 小于 | x<6 | true |
>= | 大于等于 | x>=6 | false |
<= | 小于等于 | x<=6 | true |
逻辑运算符
x=6 y=3,比较下表逻辑运算符:
运算符 | 描述 | 例子 |
---|---|---|
&& | 与 | x>1 && y<4 true |
|| | 或 | x == 5 || y == 2 false |
! | 非 | !(x==y) true |
条件运算符
条件运算符也被称为三元运算符,它可以使用是三个操作数。
例子:
x=5 y=?
x==5?(y=7):(y=8)
y=7
JS事件
-
页面进入和退出事件
onload 加载页面
onunload 退出页面
-
鼠标事件
onclick 点击事件
ondbclick 双击事件
onmousedown 鼠标按下
onmouseup 鼠标松开
onmousemove 鼠标移动
onmouseout 鼠标移开
onmouseover 鼠标移到某元素上
-
键盘事件
onkeydown 键盘按下
onkeyup 键盘松开
onkeypress 键盘按住
-
焦点提交,选定事件
onfocus 元素获取焦点
onblur 失去焦点
onchange 当内容被改变
onsubmit 提交时触发
onselect 选取文本时触发
JS语句
If…else 语句
if(condition)
{
当条件为true时执行的代码
}
else{
当条件不为true时执行的代码
}
Switch …case
switch(n)
{
case1:
执行代码块1
break;
case2:
执行代码块2
break;
default:
n与case1和case2不同时执行的代码
}
for循环
for(var i=0 i<x.length i++){}
while循环
while(i<5){执行命令 i++}
break和continue
break停止整体循环
continue 使循环的某一点跳出整体循环且不影响整体循环