第二章 JavaScript 语言
创作日期:2021-12-20
2.1 JavaScript 介绍
JavaScript 语言诞生主要是完成页面的数据验证,它运行在客户端,需要运行浏览器来解析执行 JavaScript 代码。JS 是 Netscape 网景公司的产品,最早取名为 LiveScript;为了吸引更多 java 程序员。更名为 JavaScript,JS 是弱类型,Java 是强类型
- 特点:
- 交互性(信息的动态交互)
- 安全性(不允许直接访问本地硬盘)
- 跨平台性(只要是可以解释 JS 的浏览器都可以执行,和平台无关)
2.2 JavaScript 和 html 代码的结合方式
2.2.1 第一种方式
只需要在 head 标签中,或者在 body 标签中,使用 script 标签来书写 JavaScript 代码
<!-- HTML -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html1</title>
<script type="text/javascript">
// alert 是 javascript 语言提供的一个警告弹框函数
// 可以接收任意类型的参数,这个参数就是警告弹框的提示信息
alert("hello javascript!");
</script>
</head>
<body>
<script type="text/javascript">
alert("hello HTML!");
</script>
</body>
</html>
2.2.2 第二种方式
使用 script 标签引入 单独的 JavaScript 代码文件
<!-- HTML -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html1</title>
<script type="text/javascript" src="js/hello.js"></script>
</head>
<body>
</body>
</html>
/* JS */
alert("hello js!");
2.3 JavaScript 变量
变量是可以存放某些值得内存的命名
- JavaScript 的变量类型:
- 数值类型:number
- 字符串类型:string
- 对象类型:object
- 布尔类型:boolean
- 函数类型:function
- JavaScript 的特殊类型:
- undefined:未定义,所有 js 变量未赋予初始值的时候,默认值都是 undefined
- null:空值
- NAN:全称是:Not a Number,非数字,非数值
- JavaScript 的变量定义格式:
var 变量名 = 值;
var 变量名;
<!-- HTML -->
<!DOCTYPE html>
<html lan