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