02-前端Web开发(JS+Vue+Ajax)
输入“/”快速插入内容
02-前端Web开发(JS+Vue+Ajax)
02-前端Web开发(JS+Vue+Ajax)
用户91172025年10月12日修改
介绍
在前面的课程中，我们已经学习了HTML、CSS的基础内容，我们知道HTML负责网页的结构，而CSS负责的是网页的表现。 而要想让网页具备一定的交互效果，具有一定的动作行为，还得通过JavaScript来实现。那今天,我们就来讲解JavaScript，这门语言会让我们的页面能够和用户进行交互。
那什么是JavaScript呢 ?
JavaScript（简称：JS） 是一门跨平台、面向对象的脚本语言，是用来控制网页行为的，实现人机交互效果。JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。
•
组成：
◦
ECMAScript: 规定了JS基础语法核心知识，包括变量、数据类型、流程控制、函数、对象等。
◦
BOM：浏览器对象模型，用于操作浏览器本身，如：页面弹窗、地址栏操作、关闭窗口等。
◦
DOM：文档对象模型，用于操作HTML文档，如：改变标签内的内容、改变标签内字体样式等。
💡
备注：ECMA国际（前身为欧洲计算机制造商协会），制定了标准化的脚本程序设计语言 ECMAScript，这种语言得到广泛应用。而JavaScript是遵守ECMAScript的标准的（ES2024是最新版本）。
1.
JS 核心语法
1.1
JS引入方式
同样，js代码也是书写在html中的，那么html中如何引入js代码呢？主要通过下面的2种引入方式：
•
第一种方式：内部脚本，将JS代码定义在HTML页面中
◦
JavaScript代码必须位于<script></script>标签之间
◦
在HTML文档中，可以在任意地方，放置任意数量的<script></script>
◦
一般会把脚本置于<body>元素的底部，可改善显示速度
◦
例子：
代码块
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JS 引入方式</title>
</head>
<body>
<script>
alert('Hello JS')
</script>
</body>
</html>
•
第二种方式：外部脚本， 将JS代码定义在外部 JS文件中，然后引入到 HTML页面中
◦
外部JS文件中，只包含JS代码，不包含<script>标签
◦
引入外部js的<script>标签，必须是双标签
◦
例子：
▪
在js目录下，定义一个js文件demo.js，在文件中编写js代码，如下：
代码块
alert('Hello JS')
▪
在html文件中，通过<script></script>引入js文件demo.js，如下：
代码块
<script src="js/demo.js"></script>
◦
注意1：demo.js中只有js代码，没有<script>标签
◦
注意2：通过<script></script>标签引入外部JS文件时，标签不能自闭合，如：<script src="js/demo.js" />