JavaScript基础
JavaScript
轻量级脚本语言
- 跨平台,跨浏览器
- 前端开发必备
- ecma组织将各种前端开发语言编写并且制定的一种js语言
作用
页面交互
- 页面特效
- 表单验证
- 修改内容 样式 属性
组成
ecmaScript标准语言
bom
- js于浏览器交互
dom
- js与页面元素交互
js结构
每一个语句用一个分号隔开
使用方式
属性中
- on事件名=‘js语句’
html文件页面中写入js
- 通过在script标签中写js语句
外部js
- 通过在script 结合src 引入外部js文件
注释
单行注释
- //
多行注释
- /* */
事件属性
一般点击事件
-
onclick
- 点击
-
ondblclick
- 双击
-
onmousedown
- 鼠标按下
-
onmouseup
- 鼠标抬起
-
onmouseenter
- 鼠标进入
-
onmouseover
- 鼠标进入
-
onmouseleave
- 鼠标离开
-
onmouseout
- 鼠标离开
-
onmousemove
- 鼠标移动
-
onmousewheel
- 鼠标滚轮滚动
特殊事件
-
onload
- 加载完毕
-
onscroll
- 滚动条滚动
-
onresize
- 尺寸变化
input事件
-
onfocus
- 聚焦
-
onblur
- 失焦
-
oninput
- 输入内容
变量
随着程序运行产生的值可以发生变化的别名
常量
- 值不发生变化
声明
- var num1;
赋值
- num1=10;
声明+赋值
- var num1=10,num2=20;
数据类型
5种基本数据类型
-
undefined
-
没有值
- undefined
-
-
number
- 数字
-
string
-
‘’ “”
- “hello”
-
-
boolean
-
true
- 真
-
false
-
假
- 数字0
- “” 字符串
- undefined
- null
- false
-
-
-
null
- 用于清空变量多对应的数据
2种复合数据类型
-
数组
-
元素数据类型可以不一致
-
Array
-
length
- 长度
-
[0,length-1]
- 索引
-
-
-
-
对象
-
多个键对应的值数据类型可以不一致
-
Object
- 对象.键
-
-
检测数据类型
-
基本类型
- typeof
-
复合类型
-
instanceof
-
a instanceof A
- a是不是A的实例
-
-
运算符
算数运算符
-
-
-
- /
-
-
-
% 求剩余
-
5%9
- 5
-
10%2
- 0
-
11%22
- 11
-
求奇数偶数
- even
- odd
-
- 自减
- n--
- n=n-1
- --n
- n=n-1
-
++
-
自加
-
n++
- n=n+1
-
++n
- n=n+1
-
-
-
考虑返回值
-
var a=10;
- undefined
-
a
- 10
-
a++
-
10
- a的值是11
-
-
++a
-
11
- a的值是11
-
-
a–
-
10
- a的值是9
-
-
–a
-
9
- a的值也是9
-
-
运算符在前
- 在运算在返回
-
运算符在后
- 先返回在运算
-
赋值运算符
- =
- +=
- -=
- *=
- /=
- %=
比较运算符
-
==
-
===
-
值与类型都要一致
-
10与“10”
- false
-
-
判等
-
10与“10”
- true
-
-
!=
-
=
-
<
-
<=
逻辑运算符
-
&&
- 左右都为真,返回真
- 左为真,返回右边
- 左右有一个为假,返回假
- 作为假,返回左边
-
||
- 左右都为假,返回假
- 左侧为假,返回右边
- 左右有一个为真,返回真
- 左侧为真,返回左侧
-
!
-
非真为假,非假为真
- true
- false
-
var b=0;
-
b的值为0,属于假
-
!b
- true
-
-
var h=“hello”
-
h的值属于真
-
!h
- false
-
-