JS的基本知识点

JS的基本知识点

JS数据类型

1. string(字符串)：

   字符串可以储存一系列字符，如“lidonghao“。

   字符串可以是引号中的任意文本，可以使用单引号或双引号。

2. number（数字）：

   数字包含整数，浮点数。

3. boolean（布尔）：

   布尔只能有两个值：true和false。

4. Arrary（数组）：

   数组由[ ]构成，如arr=[1,2,3,4,5],可以是字符串，数字。

5. Object（对象）：

   对象由{}分隔，对象的属性以名称和值对的形式来定义

   如：obj={ name = “ldh ” ，age = “24”}；

6. Null（无效）

7. 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事件

1. 页面进入和退出事件

   onload 加载页面

   onunload 退出页面

2. 鼠标事件

   onclick 点击事件

   ondbclick 双击事件

   onmousedown 鼠标按下

   onmouseup 鼠标松开

   onmousemove 鼠标移动

   onmouseout 鼠标移开

   onmouseover 鼠标移到某元素上

3. 键盘事件

   onkeydown 键盘按下

   onkeyup 键盘松开

   onkeypress 键盘按住

4. 焦点提交，选定事件

   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 使循环的某一点跳出整体循环且不影响整体循环