本文介绍了前端开发中的重要技术JavaScript，包括其基本介绍、主要功能、使用方式及常见的输出语句。JavaScript是前端三大件之一，用于动态交互和网页内容控制。学习JavaScript需要重视基础，注意细节，其功能包括响应浏览器事件、操作HTML元素等。掌握JavaScript的基础对于前端开发至关重要。
1.前端三大件
前端三大件分别为：HTML、CSS、JavaScript。其中最重要的当属JavaScript。
虽然现在开发通常使用框架，但是这些基础的才最重要的，就像一座高楼不能没有稳固的地基一样。打好基础，走遍天下都不怕。
2.JavaScript
2.1JavaScript介绍
JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。
即JavaScript 是一种编程语言，主要参与构建 Web 前端应用。
javascript的基本特点：多范式的动态语言，它包含类型、运算符、标准内置（ built-in）对象和方法
2.2JavaScript的主要功能
嵌入 动态文本 于HTML页面。
对浏览器事件做出响应。
读写 HTML元素 。
在数据被提交到服务器之前验证数据。
检测访客的浏览器信息。
基于 Node.js 技术进行服务器端编程。
2.3JavaScript的使用方式
类似于CSS样式的使用方式。将JS代码写在<script> </script>当中
不过与CSS不同的是：JS代码块<script> ··· </script>不仅可以应用在<head></head>当中，还可以写在<body></body>当中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello JavaScript</title>
<script>
alert("哈哈哈哈哈");
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello JavaScript</title>
</head>
<body>
<script>
alert("哈哈哈哈哈");
</script>
</body>
</html>
这两段代码效果都是一样的，都是有一个弹出框 内容是“哈哈哈哈哈”。
3.JavaScript的一些输出语句
在学习中，比较重要的调试方法就是输出一下，看一下如何如何。
使用window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 网页中。
使用 console.log() 写入到浏览器的控制台。
<script>
window.alert("有什么准备吗");
document.write("准备去爬泰山");
console.log("准备好御寒衣物，一定要看好天气预报。")
</script>
·分别为弹窗“有什么准备吗”
·网页显示“准备去爬泰山”
·控制台显示“准备好御寒衣物，一定要看好天气预报。”–控制台打开方式：F12。或者在VSCode中查看调试控制台。
4.小结
如果有别的编程语言基础，学习JavaScript就会比较容易。不过要注意，学习不能大意马虎，往往注意不到的小知识点会在以后编程开发中耽搁很多时间。一定注意细节。
扫一扫
704
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
