一、什么是JS
- 全称叫JavaScript是一门脚本语言,也是一门真正的编程语言
livescript主要用来解决表单验证的问题
脚本语言:script
可以将JS代码嵌入到HTML中去使用
编程语言 VS 标记语言 - 是我们前端吃饭用的工具预告:JS学好,是基础
- 是网页三要素之一HTML+CSS+JS
结构层+外观层+行为层
二、为什么要学习,能够做什么
CSS口号:化腐朽为神奇
JS口号:只有想不到的,没有做不到的。
传统意义上能做如下事情:
-修改网页内容和样式(动态的修改HTML或css) -客户端数据计算 -表单输入验证 -浏览器事件的触发和处理 -网页特殊显示效果制作(特效,轮播图、tab切换页、放大镜效果、滑动星星评分、弹出框、手风琴、、、) -服务器的异步数据提交(ajax)
三、学习后的目标是什么
学习后能将国内顶级的电商网站给做出来了,包括PC端,移动端,webAPP等
四、如何使用JS
跟css一样,也有3种方式
- 行内
<标签 onclick="JS代码">内容</标签>
- 页面
在页面任意的地方,写script标签,包裹JS代码 <script> //这里写JS代码 alert(111); alert('hello,JS'); </script>
- 外部
<script src="JS文件路径"></script>
五、JS的注释
- 单行注释
<script> //注释内容 </script>
- 多行注释(同CSS的)
<script> /* 这里是注释 换行也没关系 */ </script>
- 注释的作用:(面试题)
a. 给人看的
b. 不让代码执行
六、扩展:什么是代码
单词+英文状态下的符号=代码。
比如:
var a=1; // var,a 相当于是都是英文字母(单词) // = ; 等都是符号
七、JS的变量(非常重要的概念)
变量是一切编程语言的基石,无变量,不编程,不但JS有,其他任何编程语言都会有。
变量是保存数据的容器。文字、数字等,在网页等地方要保存的则是保存到内存中,才需要变量
电影、音乐、游戏等是保存在硬盘中的,不需要变量。
变量占据的是内存的空间,变量在理论上会让内存变少,将网页关闭后会释放空间。
假设把内存比喻成酒店,里面的每一个房间号即为容器。
那么开房间需要用一个特别的关键字:var;
- 声明变量(怎么订房)
var 房间号; var a; var A; var var;
- 保存数据(入住)
1. 直接定+入住 var a="张三"; 2. 先定再入住 var a; a="张三"
- 访问数据(使用)
var a="张三"; alert(a);// //做计算 var a=1; var b=2; var c=a+b;//3 alert(c);//3
- 改写数据
var a=1; a=2; alert(a);//2
- 重复声明,后面的会覆盖前面的
var a=1; var a=2;
- 批量声明变量和赋值
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面板)看有没有错误。