前端-JavaScript API笔记（超级详细版本）

我的博客：https://520526.xyz/

JavaScript初识

JavaScript是Web页面中的一种脚本编程语言，也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。它不需要进行编译，而是直接嵌入在HTML页面中，把静态页面转变成支持用户交互并响应相应事件的动态页面。

在HTML中的使用

在页面中直接嵌入JavaScript

在HTML文档中可以使用标记将JavaScript脚本嵌入到其中。
​script属性：

属性	说明
language	不常用
type	用于指定使用的脚本类型
src	指定外部脚本文件路径
defer	不常用

type属性的语法格式：

html

<script type = "text/javascript"></script>

链接外部JavaScript文件

语法格式：多了个src属性

html

<script type = "text/javascript" src = "js文件的rul路径"></script>

注意：

1. 外部JavaScript文件中只能包含JavaScript代码，不能包含HTML和``标签。
2. 在``标签内部不要存在其他的JavaScript代码。
3. 在链接外部JavaScript文件时``结束标签不能省略。

作为标签的属性值使用

在HTML文档中可以在标签、标签 中使用JavaScript脚本作为它们的属性值。
通过“JavaScript”调用

html

<a href="javascript:alert('你好JavaScript')">测试</a>

与实践结合调用

html

<input type="button" value="测试" onclick="alert('你好JavaScript ')" />

---

基本语法

执行顺序

程序按照在HTML文件中出现的顺序逐行执行。

大小写敏感

在输入语言的关键字、函数名、变量时，都必须采用正确的大小写形式。

空格与换行

在JavaScript中会忽略程序中的空格、换行和制表符。

每行结尾的分号可有可无

为了养好习惯，经量写上分号。

注释

注释就是向文件代码中添加的–些说明性的文字，或者对代码进行暂时屏蔽。//内容ro /*内容*/

---

数据结构

数据类型

数值型

数值类型	说明
十进制	由0~9组成的数字序列
十六进制	“0X”或“0x”开头数字序列
八进制	以0开头
浮点型	传统计数法、科学计数法e或E后面的整数表示10的指数次幂
特殊值Infinity	超出最大值范围，则正 超出最小范围，则负
特殊值NaN	非数字

科学计数法
语法格式：

text

[digits] [.digits] [E|e[(+|-)]]

例子：

4E+2=4∗102=4004E+2=4∗102=400

3.14e4=3.14∗104=314003.14e4=3.14∗104=31400

.14e4=0.14∗104=1400.14e4=0.14∗104=1400

314E−2=314∗10−2=3.14314E−2=314∗10−2=3.14

字符串型

字符串是由0个或多个字符组成的序列，它可以包含太小写字母、数字、标点符号或其他字符，也可以包含汉字。程序中的字符串型数据是包含在单引号或双引号中的。
由单引号定界的字符串中可以含有双引号，由双引号定界的字符串中也可以含有单引号。

text

"I'm legend" = I'm legend 
'你好"JavaScript"' = 你好"JavaScript"

空字符串不包含任何字符，也不包含任何空格，用一对引号表示，即 “” 或 ‘ ‘
转义字符是\，通过转义字符可以在字符串中添加不可显示的特殊字符（例如\n, \t），或者防止引号匹配混乱的问题

转义字符

转义字符	描述
\r	回车符
\t	水平制表符，Tab空 格
\b	退格
\v	垂直制表符
\f	换页
\n	换行符
\ \	反斜杠
\OOO	八进制，范围000~777
\ ‘	单引号
\xHH	十六进制整数，范围00~FF
\ “	双引号
\uhhhh	十六进制编码Unicode字符

在document. write语句中使用转义字符时，只有将其放在格式化文本块中才会起作用，即脚本必须放在``标签内。
代码：

javascript

<script type="text/javascript">
    document.write("<pre>");
    document.write("网页基础:\nHTML\nCSS\nJavascript");
    document.write("<pre>");
</script>

布尔型

布尔数据类型只有两个值，一 个是true （真），一个是false （假），它说明了某个事物是真还是假。
特殊数据类型：
未定义值就是undefined，表示还没赋值

空值 nullnull

用于定义空的或不存在的引用。

常量与变量

常量：固定不变数据
变量：存储要用的数据
如果只是声明了变量，并未对其赋值，则其值默认为undef ined。可以使用var语句重复声明同一个变量，也可以在重复声明变量时为该变量赋一个新值。
在JavaScript中的变量必须要先定义后使用，没有定义过的变量不能直接使用。

JavaScript的关键字

abstract	continue	finally	instanceof	private
boolean	default	float	int	public
break	do	for	interface	return
byte	double	function	long	short
case	else	goto	native	static
catch	extends	implements	new	super
char	false	import	null	switch
class	final