js基本语法总结（一）

1.js简介

a）js是一种网页脚本语言，使得浏览器可以与网页互动。

js的一种基于对象和事件驱动，具有安全性能的脚本语言，脚本语言就是在客户端的浏览器就可以互动响应处理程序的语言，而不需要服务器的处理和响应。

js也可以与服务器交互响应，而服务器语言（asp、php、jsp）需要将命令上传服务器，经服务器处理后回传处理结果。

js可以嵌入到html文件，不需要经过web服务器就可以对用户操作作出响应，使得网页与用户很好的交互，利用客户端电脑的资源适当减少服务器端的压力，并减少用户的等待时间。

b）特点

简单，只需要浏览器就可以执行

解释执行，事先不编译，逐行执行，不需要严格的变量声明

基于对象，内置大量现成对象，只需要调用

c）作用

客户端表单合法性验证

网页特殊效果制作

浏览器对象的调用

浏览器事件的触发

d）html出现<script>标签后，页面会暂停下载和渲染等待脚本的解释和执行，无论当前脚本是内嵌式还是外链式。

2.js的组成（***）

ECMAScript：语法标准

DOM：操作网页上的元素

BOM：操作浏览器的部分功能

3.js语法规范，一行代码结束后必须有；

程序自上而下执行，遇到错误停止

☞内嵌式写法
<script type=”text/javascript”>
　　Js代码
</script>
☞外连式写法
<script type=”text/javascript” src=”1.js”>
　　该标签内不能再写js代码
</script>

4.js输出信息

a）console.log() 信息输出到控制台，用于js调试

b）prompt（）弹出对话框，用于接收用户输入的信息

c）confirm（）页面弹出对话框，配合if判断

d）document.write（）在页面输出信息，还能输出标签

5.变量

a）变量声明 var 变量名；

变量赋值变量名=‘变量的值’

定义并赋值 var a=1；

6.数据类型

a）

number 数字类型

字符串 string

布尔类型 Boolean

undefined 变量未初始化定义了变量，没有给变量赋值

null 变量未引用值为空 object

b）

object 对象

array 数组

c）

typeof()判断数据类型

d）比较运算符

< > <= >= == !=

e）算术运算符

+ 数字+数字=数字数字+字符串=字符串

- 数字-数字/数字字符串=数字数字-非数字字符串=NAN（not a number 表示不是一个数字）

/ 数字/数字/数字字符串=数字数字/非数字字符串=NAN（数字类型）数字/0=Infinity （无限大）（数字类型）

% 取余数

f）

1.date（）对象处理日期和时间

2.Math对象

a）

Math.ceil(n1) 天花板函数向上取整

整数，取整之后是这个数本身

小数，对数进行向上舍入。

b）

Math.floor(n1) 地板函数

整数，取整之后是这个数本身

小数，对数进行向下舍入

c）

Math.max(n1,n2)取两数中的最大值

Math.min(n1,n2) 最小值

Math.pow(n1,n2) n1的n2次方

Math.round(n1) 四舍五入

Math.random() 返回0-1之间的随机数

3.数据类型转换

a）数字类型转字符串

String（n1）

n1.toString（）

b）字符串转数字

Number（n1）

parseInt(n1)

parseFloat(n1)

c)转布尔类型

Boolean(n1)

&&与 ||或非！

e）

“=”赋值运算符

“==”只判断内容是否相同，不判断数据类型。

“===”不仅判断内容，还判断数据类型是否相同。

！= 只判断内容是否不相同，不判断数据类型。

！==不全等于不仅判断内容是否不相同，还判断数据类型是否不相同。

f)变量集体声明

a）If...else 条件判断

If(条件表达式){
如果条件表达式结果为true,执行该处代码。如果条件表达式结果为false,执行下边代码。
}else{
如果条件表达式结果为false,执行该处代码。
}
b）If else嵌套
If(条件表达式){
如果条件表达式结果为true,执行该处代码。下边代码不执行。如果为false,执行下边代码。
}else If(条件表达式){
如果条件表达式结果为true,执行该处代码。下边代码不执行。如果为false,执行下边代码。
}else If(条件表达式){如果条件表达式结果为true,执行该处代码。下边代码不执行。如果为false,执行下边代码。
}else{
如果上边条件表达式结果都为false,执行该处代码。
}
c）三元表达式
表达式?结果1：结果2；
如果表达式结果为true,执行结果1，如果表达式结果为false,执行结果2.
可以理解为if else 的另外一种写法。