前面讲了前端开发必备的三种语言。其中的HTML、CSS我们基本上有了比较正确的认识。这里讲一下JavaScript。
| 语言 | 功能 | |
|---|---|---|
| 结构层 | HTML | 搭建结构、放置部件、描述定义 |
| 样式层 | CSS | 美化页面、实现布局 |
| 行为层 | JavaScript | 实现交互效果、数据收发、表单验证 |
HTML构成了基础的骨架。
CSS 添加了很多效果， 使得页面更好看。
而JavaScript(简称JS)使得 页面数据“动”了起来。也就是说使得网页有了交互能力。
所谓的交互能力， 就是不用刷新页面，点击一个按钮后，就能动态渲染使得页面的局部做出改变。就比如 百度一下，就可以加载出很多我们想要的内容，这其中就有JS的参与。
写在script标签中
<!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 是 JS当中的弹框
alert("hello world");
</script>
</body>
</html>
写在单独的js文件中，通过 进行引用。
js目录下新建 demo.js。
alert('Halou World!');
新建文件 helloworld.html，并在其引用 demo.js。