JS01-JavaScript入门

什么是JS

1. 全称叫JavaScript

   是一门脚本语言，也是一门真正的编程语言

   livescript主要用来解决表单验证的问题

   脚本语言：script

   可以将JS代码嵌入到HTML中去使用

   编程语言 VS 标记语言

2. 是我们前端吃饭用的工具

   预告：JS学好，是基础

3. 是网页三要素之一

   HTML+CSS+JS

   结构层+外观层+行为层

为什么要学习，能够做什么

CSS-化腐朽为神器的力量

JS（口号）-只有想不到的，没有做不到的

-修改网页内容和样式（动态的修改HTML或css）
-客户端数据计算
-表单输入验证
-浏览器事件的触发和处理
-网页特殊显示效果制作(特效，轮播图、tab切换页、放大镜效果、滑动星星评分、弹出框、手风琴、、、)
-服务器的异步数据提交（ajax）

学习后的目标是什么

将国内顶级的电商网站给做出来了

如何使用JS

跟css一样，也有3种方式

1. 行内

   <标签 onclick="JS代码">内容</标签>
   

2. 页面

   在页面任意的地方，写script标签，包裹JS代码
   <script>
       //这里写JS代码
       alert(111);
       alert('hello，JS');
   </script>
   

3. 外部

   <script src="JS文件路径"></script>
   

JS的注释

1. 单行注释

   <script>
   //注释内容
   </script>
   

2. 多行注释（同CSS的）

   <script>
   /*
   这里是注释
   换行也没关系
   */
   </script>
   

   注释的作用：（面试题）

   a. 给人看的

   b. 不让代码执行

什么是代码

单词+英文状态下的符号=代码

JS的变量

变量是一切编程语言的基石，无变量，不编程，不但JS有，其他任何编程语言都会有。

变量是保存数据的容器。文字、数字等，在网页等地方要保存的则是保存到内存中，才需要变量

电影、音乐、游戏等是保存在硬盘中的，不需要变量。

变量占据的是内存的空间，变量在理论上会让内存变少，将网页关闭后会释放空间。

内存比喻成酒店，里面的每一个房间号即为容器。
开房间需要用一个特别的关键字：var;

1. 声明变量（怎么订房）

   var 房间号;
   var a;
   var A;
   var var;
   

2. 保存数据（入住）

   1. 直接定+入住
   var a="张三";
   2. 先定再入住
   var a;
   a="张三"
   

3. 访问数据（使用）

   var a="张三";
   alert(a);//
   //做计算
   var a=1;
   var b=2;
   var c=a+b;//3
   alert(c);//3
   

4. 改写数据

   var a=1;
       a=2;
   alert(a);//2
   

5. 重复声明，后面的会覆盖前面的

   var a=1;
   var a=2;
   

6. 批量声明变量和赋值

   
   var a=1;
   var b=2;
   var c=1;
   var d=2;
   //以上可以改为下面的
   var a=1,b=2,c=3,d=2;
   
   //如果值一样，可以直接用等于号连接
   var a=1
   var b=1;
   //可以写成下面的
   var a=b=1;
   

变量的命名规则：

1、区分大小写
2、变量首字母必须是以英文字母、$、_下划线
3、不能用关键字、保留字做变量名

JS的调试

在浏览器的控制台（console面板）看有没有错误

今日单词

1. script 脚本
2. onclick 点击事件
3. var variable 变量
4. console 控制台（浏览器的面板）

本次课笔记+作业链接:

此资源下载链接已被无情的隐藏，请输入验证码解锁：

验证码

确定

请关注本站公众号回复“验证码”，获取验证码。

在微信里搜索“WEB前端全栈圈”或者“imqdcn”或者微信扫描二维码都可以关注微信公众号