JavaScript(初学者必看)

2021-12-11 12:15:02

1、概述

解释性(不用编译)脚本语言(自己无法独立使用，需要和HTML一起使用)，是一种动态类型、弱类型、基于原型继承的语言，内置支持类型。

解释器称为JavaScript引擎，作为浏览器的一部分

用来给HTML网页增加动态功能，定义网页的行为

2、JavaScript组成

JavaScript包含三部分：

ECMAScript语法。

文档对象模型(DOM Document Object Model)

浏览器对象模型(BOM Browser Object Model)

3、JavaScript使用方式

在<script>标签中编写：

可以在网页的任何地方编写

在外部JS文件中编写：

需要使用<script src=”“></script>关联

在事件属性中编写：

4、变量

JS中变量都用var关键字来声明，var是variable的缩写

注意：

var是声明关键字，num是变量名，语句以分号结尾；分号可省略。

命名：

包含字母、数字、下划线、$

不能以数字开头

变量名不能是关键字

5、基本类型

基本类型包括Number、String、Boolean、Undefined、Null五种。

使用typeof运算符检测一个变量的类型。

使用方式：typeof(表达式)或typeof变量名

6、引用类型

对象类型：

Object表示任何对象

使用JSON表示法创建对象。

注意：创建数组时可不用指定长度

7、算术运算符

8、赋值运算符

9、逻辑运算符

10、关系运算符

11、三目运算符

语法：布尔表达式？结果1：结果2；

12、分支结构-if

和Java语言使用基本一致

基本语法

注意：

条件是一个布尔值

条件是一个变量，如果值为0、null、undefined、NaN表示false，否则为true

如果变量没有定义，则出现异常

13、分支结构-switch

基本语法：

14、循环结构

for循环：

while循环：

do while循环：

break和continue：

break用于结束循环

continue用于结束本次循环

15、函数

概念：

封装特定任务功能的代码块。

定义：

JavaScript函数通过function关键词进行定义

调用：

当事件发生时。

代码调用、自调用。

16、弹窗函数

alert：

只能点击确定按钮的弹窗

confirm：

可以点击确定或者取消的弹窗

prompt：

可以输入文本内容的弹窗

第一个参数是提示信息，第二个参数是用户输入的默认值(可不写)

点击确定反回用户输入的内容；点击取消或者关闭，返回null。

17、系统函数

parseInt()：

解析一个字符串并返回一个整数。

parseFloat()：

解析一个字符串并返回一个浮点数。

isNaN()：

检查某个值是否是数字。是数字返回false 不是数字返回true

18、事件

19、正则表达式

概念：

正则表达式是描述字符模式的对象

是一个定义规则的表达式，检验我们的字符串符不符合这个规则，用于简化业务逻辑代码

作用：

用于对字符串模式匹配及检索替换

是对字符串执行模式匹配的强大工具

语法：

var patt = new RegExp(pattern,modifiers);

var patt = /pattern/modifiers;

修饰符：

20、DOM

概述：

通过HTML DOM ，可访问JavaScript HTML文档的所有元素。

当网页被加载时，浏览器会创建页面的文档对象模型(Document Object Model)。

21、查找HTML元素

获取网页元素的三种方法：

22、修改HTML内容

document.write()方法：

可用于直接向HTML输出流写内容

innerHTML属性：

获取或设置HTML内容

HTML标签会被解析

innerText属性：