JavaWeb？一篇足够！JavaScript笔记整理

 声明

以下笔记来源于笔者学习黑马课程中整理的笔记，可根据本文目录快速学习或者快速复习JavaScript知识，如需仔细学习建议观看黑马视频。

JavaScript

是什么

是一种脚本语言，用来创建可以动态更新的内容

两种引入方式

内部引入方式 <script> alert()</script>

外部引入方式 js文件引入，js文件不能带标签

基础语法

书写语法

变量

var

类似于全局变量，可以重复定义。

let

类似于局部变量，只能作用在代码块中，不能重复定义

const

常量。一旦声明无法修改

数据类型和运算符

js是弱类型语言，但也有数据类型。

弱类型，数据类型没被锁死，可以根据环境变化自动转换

基本数据类型

number,string,undefined,null,boolean

typeof函数获得变量的数据类型

运算符

注意===全等运算符和==运算符的区别，===不会进行类型转换，也就说类型不同就直接返回false了，

==会进行类型转换。

在js中，0,null,undefined,"",NaN理解成false,反之理解成true

js中可以通过 parseInt()函数来进行将其他类型转换成数值类型。

函数

定义方式二：变量接收

JS对象

Array

Array对象用来定义数组

注意JavaScript的数组是可变的，可以“越界存储”。

属性和方法

String对象

JSON对象

自定义对象

调用对象和函数直接对象名.属性名和函数名即可。

JSON

概念：JavaScript Object Notation，JavaScript对象标记法。

JSON 是通过 JavaScript 对象标记法书写的文本。

JSON的属性（键）要用双引号括起来，JSON对象获取字符串和自定义对象不同，要用parse方法转换

fastJson

是阿里巴巴开源的JSON解析库

使用java语言来做和Json相关的操作，需要在Pom.xml文件那里配置依赖

<dependency>
  <groupId>com.alibaba</groupId>
  <artifactId>fastjson</artifactId>
  <version>1.1.23</version>
</dependency>

基本使用

序列化

可以把javaBean对象转化为Json格式的字符串

String objJson = JSON.toJSONString(Object object);

反序列化

把JSON格式的字符串转化javaBean对象，参数一是json字符串，参数二是要转化的对象的类

User user1 = JSON.parseObject(userJson, User.class);
System.out.println(user1.getUserName());

BOM对象

Browser Object Model 浏览器对象模型

有浏览器窗口对象Window，浏览器屏幕对象Screen，地址栏对象Location,历史记录对象 History，浏览器对象

Navigator

浏览器窗口对象wiindow

location

DOM对象

Document Object Model,文档对象模型。

把页面文档（html）中的标签，属性，文本转换为对象来管理。

定义了访问HTML和XML文档的标准，分为3个不同的部分

获取ELement对象的方法

Element对象通过Document获取，而Document对象可以通过window获取。

一定要在页面加载完成之后执行，才能查询到标签对象

节点常用的属性和方法

JS事件监听

事件绑定

两种绑定方式

静态注册事件：通过 html 标签的事件属性直接赋于事件响应后的代码，这种方式我们叫静态注册。

动态注册事件：是指先通过 js 代码得到标签的 dom 对象，然后再通过 dom 对象.事件名 = function(){} 这种形式赋于事件 响应后的代码，叫动态注册。

动态注册基本步骤： 1、获取标签对象 2、标签对象.事件名 = fucntion(

常见事件