前面说到，Web前端技术通常会涉及到HTML、CSS、JavaScript等技术的一起配合使用，HTML通过标签来承载各种类型的内容；CSS则通过配置样式表的方式来渲染这些内容，让页面呈现的形式更加丰富；那JavaScript呢？本文就来简单介绍下它的作用（以下把JavaScript简称为JS）。
JavaScript 是一门轻量的脚本语言，能通过嵌入HTML中来实现某些功能，这些功能主要是指嵌入HTML页面的交互行为，且这些代码由客户端的浏览器执行，无需在服务器端运行。
JS和其他编程语言，有自己的基本数据结构、表达式和运算符等内容，可以完成较为复杂的处理行为，如对交互动作进行反应、动态改变页面样式、数据验证等，因此，嵌入HTML页面后使得网页交互性大大提高。
1.JS是用于向HTML页面添加交互逻辑；
2.JS是解释性脚本语言，边执行边解释，但语法类似于JAVA；
3.JS脚本在客户端的浏览器中运行；
4.JS脚本代码必须位于<script>和</script>标签之间，也可以单独写成 .js 文件。
这里只是进行简单的入门了解，JS更多的函数和用途大家可以到网上进行学习哦~
JS是怎么嵌入HTML的呢？主要有两种方式：
1.在<script>和</script>标签之间插入JavaScript代码；
2.不用加HTML的标签，直接单独写为 .js 文件，在HTML中进行调用。后者分离了网页结构和内嵌行为，有利于使代码内容和模块清晰化。
以下是一个引用“菜鸟编程|JavaScript”中的例子：
https://files.mdnice.com/user/3441/876cad08-0422-409d-bb5a-08afec5da8ee.svg";) 10px 10px / 40px no-repeat rgb(40, 44, 52); width: 580.812px; margin-bottom: -7px; border-radius: 5px;"><!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
</body>
</html>
它用JS写了个函数 myFunction 并放到了<head></head>之间，之后在下面定义了个按钮，关联了点击按钮这个动作和函数调用。如下：
点击按钮后，调用函数，函数中代码修改 id=“demo” 的对象的内容。HTML中的JS代码还可以通过如下形式进行调用：
https://files.mdnice.com/user/3441/876cad08-0422-409d-bb5a-08afec5da8ee.svg";) 10px 10px / 40px no-repeat rgb(40, 44, 52); width: 580.812px; margin-bottom: -7px; border-radius: 5px;"><!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>
使用外部的 .js 文件，与前面的在HTML嵌入JS代码的效果是一样，注意JS文件中的代码不用加 <script> 标签。
HTML不限加入的脚本量，嵌入的<script>代码块可以放在head也可以放在body结构体中。但一般为了不干扰显示页面内容的代码，常写在前者的 head结构体中。
