HTML、CSS、JS区别
如图:
![](https://img-blog.csdnimg.cn/img_convert/1e21a54fb285bc1cd036a57e2aa59135.png)
JS组成部分
JavaScript共有三个组成部分 如图:
![](https://img-blog.csdnimg.cn/img_convert/9ca31811a26f16ef6236f2a7adc77b85.png)
输入输出语句
输出语句:
(1)在网页上弹出一个提示框,输出数据。
![](https://img-blog.csdnimg.cn/img_convert/9d4521f20629c829eac99702789b2c1f.png)
(2)在控制台打印某个数据
(这个写法不是给用户看的,而是程序员自己调试看的)
![](https://img-blog.csdnimg.cn/img_convert/cbf228a94e957ab9359c272f6b5dcee4.png)
(3)将数据显示到网页
![](https://img-blog.csdnimg.cn/img_convert/ee6554b39f28e7fdd5d83d180c1f2748.png)
输入语句:
(1)在网页弹出一个输入框,让用户输入数据
![](https://img-blog.csdnimg.cn/img_convert/4148b1c9f6ed51a542f26fc623e46aca.png)
(2)在网页弹出一个确认框,让用户输入确认?
![](https://img-blog.csdnimg.cn/img_convert/a4e7a12172e92c69a9a6cfe1d9656fda.png)
变量名命名规则
如图:
![](https://img-blog.csdnimg.cn/img_convert/1e2f010de522bd5dd3ffa357a5cf6ccd.png)
变量声明的两种情况
第一种情况:先声明再赋值
![](https://img-blog.csdnimg.cn/img_convert/75af9f7096b09f4f038b9190861499d7.png)
第二种情况:声明的同时直接赋值
![](https://img-blog.csdnimg.cn/img_convert/b4d344ccc885c3f275347dc233b1c8a0.png)
注意:当一个变量 只声明未赋值
打印结果会报undefined(未定义)的错误
JS常用的变量声明有3种,分别是使用var、let和const关键字声明。
其中,使用let和const是ES6标准中增加的声明变量方式。
var let const区别
![](https://img-blog.csdnimg.cn/img_convert/7644f2f34e520e5a2aad1f38f830829f.png)