来自AI助手的总结
JavaScript是网页交互核心语言,可用于前后端开发并支持浏览器与Node.js运行。

一、什么是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”并提示点击【确定】或【取消】
-
当点击【确定】,提示”你点击了确定”
-
当点击【取消】,提示”你点击了取消”
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END






暂无评论内容