一、什么是JavaScript¶
JavaScript是一种轻量级、解释型的脚本语言
1.1 JavaScript能做什么？¶
主要用于网页交互开发。它能够：
- 操作网页内容
- 响应浏览器事件
- 进行异步通信
- 存储本地数据
JavaScript主要用于让网页“动起来”，比如：
- 点击按钮弹出提示
- 表单输入校验
- 页面内容动态变化
- 网页动画效果
- 前端与后台交互
1.2 JavaScript属于什么类型语言？¶
JavaScript是一种：
- 解释型语言（不需要编译）
- 弱类型语言（变量类型可以变化）
- 面向对象语言（支持对象、类）
- 事件驱动语言（通过事件触发行为）
1.3 JavaScript运行在哪里？¶
主要运行在：
- 浏览器（Chrome、Edge）
- Node.js环境（服务器端）
二、为什么要用JavaScript¶
JavaScript是Web开发的核心语言之一。
使用JavaScript的原因如下：
- 客户端执行：无需服务器即可运行
- 即时反馈：实时响应用户操作
- 生态丰富：拥有npm生态和众多框架
- 全栈开发：通过Node.js支持服务端开发
2.1 网页三大核心语言¶
| 技术 | 功能 |
|---|---|
| HTML | 负责网页结构 |
| CSS | 负责网页样式 |
| JavaScript | 负责网页交互 |
2.2 JavaScript的优势¶
学习门槛低
浏览器直接支持
功能强大
前后端都能开发（Node.js）
2.3 JavaScript应用场景¶
网页交互开发
小程序开发
游戏开发
后端开发
数据可视化
三、JavaScript初体验¶
1、创建一个名为css-study的文件夹并使用VSCode打开，再创建一个名为1.JavaScript初体验.html
<!DOCTYPE html>
<html>
<head>
<!-- 1.直接在script元素内写js -->
<script>
// 弹窗
window.alert("弹出信息")
</script>
<!-- 2.直接在script元素内写js -->
<script src="demo.js"></script>
<script>
// 弹出来一个确认框
window.confirm()
var r = window.confirm("yes or no")
console.log("你点击了:",r)
if (r) {
alert("你点击了确定")
} else {
alert("你点击了取消")
}
</script>
</head>
</html>
2、在1.JavaScript初体验.html这个文件的同级目录下创建一个名为demo.js文件
alert("弹出信息从单独的文件")
3、双击【1.JavaScript初体验.html】,回显内容如下：
- 第一次提示"弹出信息"
- 第二次提示"弹出信息从单独的文件"
- 第三次提示点击【确定】或【取消】
- 第四次提示"yes or no"并提示点击【确定】或【取消】
- 当点击【确定】，提示"你点击了确定"
- 当点击【取消】，提示"你点击了取消"