版权声明：转载请标明出处 https://blog.csdn.net/w1418899532/article/details/83720399
JavaScript用于制作web页面交互效果，例如：轮播图、Tab栏(选项)、地图和表单验证等。
1.web前端三层
- w3c的规范：行内样式（淘汰）
- 结构层：HTML 从语义角度描述页面的结构。
- 样式层：CSS 从审美的角度美化页面。
- 行为层：JavaScript 从交互的角度提升用户体验。
2.JavaScript书写与执行规则
- 1.javascript与html，css一样，对空格、换行，以及缩进是不敏感的。
- 2.如果代码末尾不加分号，必须要换行，如果不换行页面就会报错。
- 3.每句JavaScript写完之后必须加分号；，必须换行。
- 4.JavaScript代码从上到下依次执行。
注意：
代码从上到下执行，但是遇到js语法错误，那么浏览器就不再执行里面的js代码。因为浏览器会先去检查js代码是否有错误，如果没有才会从上到下执行。
3.输出方法
- 1.alart()：在页面上打开一个弹出框，框上显示的内容就是alert()括号中的内容。
特点：这个弹出框打开以后，页面就无法关闭。所以写代码时尽量不要使用。 - 2.console.log(content)：向页面上输出一句话，不是在弹出框中输出。
特点：不会让页面卡死，直接在控制台输出。 - 3.prompt()：在页面上弹出一个输入框，输入框上面的提示文本就是prompt括号中的内容。
- prompt接收到的内容是string类型
例如：
<script>
prompt("你知道我是谁吗？")
</script>
4.调试js代码
- 1.打开页面，右键检查元素。或者使用浏览器的开发人员工具。
- 2.选择source。双击左侧01.html，出现js代码。
- 3.若代码有错，右上方会有一个红色的×，打开console(控制台：检查页面输出的信息（自己输出的信息，以及页面的错误信息）)点击出现下图中3位置提示。
- 4.在行号处鼠标点击，设置断点调试，下图中4位置。
- 5.下图中5位置点击进入单步调试。
如图：
代码修改后，F10一步一步调试。根据控制台的报错信息进行代码修改。
5.js数据类型
- 1.string：字符串，一段文本
特点：
1.0所有的字符串都是用””引起来的。
2.0可以当作直接量。
3.0字符串的引号可以是单引号’’也可以双引号””. - 2.number：数字。用来表示所有的数字。如果数字加上引号后就不是数字类型，而是string类型。
- 3.Boolean：bool类型。用于判断对（true）和错（false），他的表达式有很多。
- 4.undefined：未定义。一个变量声明了但没有赋值，就叫做undefined。
- 5.typeof：判断数据的类型。
判断方法：1.直接将直接量放在typeof的后面，将来得到的结果会以字符串的形式返回回来。例如：
typeof 直接量
2.0将直接量放在typeof后面的括号中。
typeof (直接量)
6.js变量
- 作用：用来存储一些可以变化的数据。
- 变量的声明：var 变量的名称；
例如：var sex；
- 变量的赋值：变量名称=要赋值的内容；
例如：sex=“女”; - 变量的命名规范：
1.变量名称的取值范围是：0-9,a-z,A-Z。
2.数字不能作为变量名称的开始部分。
3.变量的名称是区分大小写的。
4.变量的名称不能是关键字和保留字（备胎）
运算符
- 算数运算符：
内容：+（加）、-（减）、*（乘）、/（除）、%（取余）、()（提高优先级）、Math(平方，立方，4次方，sin,cos)。
1.0Math.pow(a,b) ：//求a的b次方的值。
2.0Math.round©： //将c以小数后面一位开始四舍五入。
3.0Math.ceil(d);： //将d进行向上取整（天花板函数）
4.0Math.floor(e);： //将e进行向下取整（地板函数）
5.0Math.max(a,b,c);：//在a,b,c中取得其中最大小的数据
6.0Math.min(a,b,c);：//在a,b,c中取得最小的数据
7.0Math.random();：//生成一个大于0小于1的随机数。 - 逻辑运算符：
逻辑运算符一般跟boolean类型一起使用。
&& ：与（并且）
1 > 3 &&1 < 3
特点：一false都false
|| ：或
1>3 || 1<3
特点：一true都true;
！：非（取反）
特点：取相反的值。 - 赋值运算符
（=）：将=右边结果赋值给右边的变量。
var a=1；
var a=b+c;
var a=b=s=9; - 逗号运算符
声明多个变量时可以使用逗号将变量隔开。
例如：var a,d,f,r;
实际为 var a; var d; var f; var r;