前面讲了前端开发必备的三种语言。其中的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。文章来源：https://www.toymoban.com/news/detail-691716.html
alert('Halou World!');新建文件 helloworld.html，并在其引用 demo.js。文章来源地址https://www.toymoban.com/news/detail-691716.html
到了这里，关于JS基础-初识JavaScript的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[HTML]Web前端开发技术26（HTML5、CSS3、JavaScript ）JavaScript基础——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/02/828994-1.png)
