什么是javascript?
javaScript是一种基于对象和事件驱动并具有安全性能得解释性脚本语言,在web应用中得到了非常广泛的应哟个,它不需要编译,直接嵌入html页面中,吧静态页面转变成支持用户交互并响应应用事件得动态页面,在javaweb中,经常用于数据交互,数据验证,控制浏览器以及生成时间、日历、和时间戳文档等等。
javascript 的主要特点:
- 解释性
- 基于对象
- 事件驱动
- 安全性
- 跨平台性
JavaScript的语言基础
- 区分大小写
- 分号可取消
- 变量是弱类型(只是用var就可以将变量初始化为任意值)
标识符
关键字:
变量提升
JavaScript引用
JavaScript注释与输出方式
//单行注释
/* */多行注释
JavaScript的数据类型6种
ES6新增了Symbol类型和Biglnt类型
原始数据类型(数值,字符串,布尔)
合成类型(引用数据类型,复合数据类型)object(对象)
对象:
判断数据类型
null和undefined的区别
算数运算符
运算符
赋值运算符
比较运算符
布尔运算符
if-else语法和java一样
switch
三目运算符
for循环
字符串
字符串方法concat()
字符串substring
substr
indexof
trim
split
数组
数组的遍历
数组的静态方法(Array,isArray())
判断一个数据是否是数组(弥补typeol的不足)
数组的尾部增加和删除
shift和unshift
join
数组concat
数组reverse
数组index
函数
对象
Math
Date对象
DOM
DOM概述(dom是JavaScript操作网页的接口,全称为文档对象模型 “Document Object Model”)作用是将网页转化为一个JavaScript对象,从而可以用脚本进行各种操作(比如元素的增删内容)
浏览器会根据dom模型,将结构化文档html解析成一系列的节点,在由这些节点组成一个树状结构dom tree。所有的节点和最终的梳妆结构,都有规范的对外接口
dom知识一个结构规范,可以用各种语言实现,所以严格的来书,dom不是JavaScript的语法的一部分,但是dom的操作是JavaScript的最常见的任务,离开了dom,JavaScript就无控制网页,另一方面来说JavaScript也是最常见于dom操作的语言
docunment对象——方法/获取元素
document对象方法创建元素
Element对象——属性
Element获取元素的位置
css操作
html元素的stle属性
事件处理程序
- html事件处理(缺点:html和js没有分开)
- DOM0级事件处理(优势:事件和和js是分离的,无法同时添加多个数据)
DOM2级事件(可以添加多个效果,不会被覆盖)
鼠标事件
Event事件对象
事件发生之后会产生一个事件对象,作为参数传给监听函数
target点击谁就打印谁