前面讲了前端开发必备的三种语言。其中的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。