1.在HTML里面加JavaScript
通过一对<script></script>标签实现,然后在<script></script>书写代码即可
2.标签位置
传统方法是将script标签放在head标签里面。但是由于浏览器进行渲染时是由上往下进行渲染,这样会导致浏览器在呈现页面的时候出现延迟。延迟的时候就是空白的,影响用户体验。所以现在都是将script标签写在body里面,html代码的后面。
3.外部js文件
1)可维护性高
2)可缓存:列如有两个HTML文件(A,B)都是用的同一个JS文件。当用户请求A页面的时候,A页面的HTML文件和JS文件一起被下载到本地。接下来用户再请求B页面的时候,只需要下载B页面的HTML页面即可,因为JS文件已经有了。
4.JavaScript语法
1)JavaScript区分大小写
abc和Abc表示不同变量
2)标识符
JavaScript里面的标识符由数字,字母,下划线(_)$组成,不能以数字开头
3)注释
JavaScript注释有两种:多行注释和单行注释
/*
*这是一个多行注释
*/
//单行注释
4)关键字
就是定义好了的标识符。不能用来当做标识符。
保留字:就是目前还没有成为关键字,但是以后有可能成为关键字的一些标识符。同样也不能作为我们的标识符。
5)变量
JavaScript是弱类型语言,JavaScript里面声明任何数据类型都用var即可。
列如:
var j=10;
var i=1.314;
var k=“wahaha”
5.JavaScript里面的数据类型
5种简单数据类型:number,string,boolean,undefined,null。
number:数字类型。包含了整数和实数,还有NaN,NaN表示不是一个数的数,不等于任何值,也不等于自身。isNaN()判断一个数是否是一个数,是一个数则弹出false,不是则true
实数:小数,浮点数
表示方法:var i=3.21;
var j=9.9e+2=9.9*(10*10)=990
内存是有限的,所以能存的最小数为5e-324,最大数为1.7976。。。。e+308约为1.8e+308
number()将一个非数值转换为数值,如果有字母则转换为nan
parselnt()如果有数字就转换为数字,如果字符串为空,将会被转换为nan。如果是3.14,则转换为3.pareslnt()函数提供了第二个参数。指定转换为几进制。
parsefloat():只能解析十进制。会将带小数点的字符串转换为小数。
string:字符串类型,任何数据类型和字符串相加,都会被转化为字符串。
字符串既可以用单引号又可以用双引号
字符串内容本身如果含有单引号,那么外层就必须是双引号,如果内容本身是双引号,外层就需要是单引号
如果想内容和外层都是单引号或者双引号,那么就需要加上转义字符
所以,这里有一个技巧,如果想让其他数据类型变为字符串数据类型,只需要加一个空字符串就可以了。
toString():就是将其他数据类型转换为字符串数据类型(但是不能转换null和undefined)
String():5种数据类型都可以转换为string类型
Boolean:布尔类型。只有两个值,true(真)和false(假)。这两个值是区分大小写的。
undefined:定义了一个变量但是没有被赋值,是null的派生
null:空白的
运算符
1.一元运算符
这操作一个值得操作符就称为一元运算符,自增和自减
a++(a--):先进行运算,再自增(自减)。和++a(--a)先自增(自减),再进行运算。
2. 布尔运算符
1)非
非真即假,非假即真,相当于一个取反的过程。
2)与
就是两个条件都要满足。在JavaScript中,与运算符存在短路现象。第一个操作数为假的话,就不会再对第二个操作数进行判断。
与操作符不一定返回的是真或者假,而是返回第二个操作数
如果第一个操作数是null,则返回null
如果第一个操作数是NaN,则返回NaN
如果第一个操作数是undefined,则返回undefined
3)或
或运算符也存在短路现象,如果第一个操作数为真,那么就不会再对第二个操作数进行判断。
如果两个都为真,则返回第一个数
如果都是null,则返回null
如果都是NaN,则返回NaN
如果都是undefined,则返回undefined
3.乘性运算符
1)乘法
2)除法
3)取模(取余数)
4.加性运算符
1)加法
2)减法,,进行自动数据类型转换
5.关系与算符
大于,小于,大于等于,小于等于
如果是字母会转化为nan,再比较
6.相等运算符
1)==和!+
1. null和undefined是相等的。
2. 如果有一个操作数是NaN,那么返回false,另外NaN也不等于自己本身
3. 如果是数字的字符串和数字进行比较,会先将字符串转换为数字
4. 布尔值里面true转为1,false转为0
2)===和!==
数值和数据类型都必须相等才会为true,否则为false
7. 条件运算符
条件运算符又被称为三元运算符或者三目运算符
语法: 变量 = 表达式1 ? 表达式2 : 表达式3
8. 赋值运算符
=:和数学里面的=不一样,这里代表赋值。
*=
/=
+=
-=
%=
9. 逗号运算符
使用逗号运算符可以在一条语句中执行多个操作。
逗号运算符总会返回表达式的最后一项
语句
①判断语句
if语句
②循环
for循环
for(表达式1;表达式2;表达式3)
{
代码
}