第二章:JavaScript基本语法

本文介绍了如何在HTML中加入JavaScript,包括内联脚本与外部文件引用的方法。详细讲解了JavaScript的基本语法、数据类型及运算符等内容,并探讨了提高网页加载效率的脚本放置位置。

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)

{

            代码

}

 

转载于:https://www.cnblogs.com/zy9731/p/6507247.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值