javascript概述及语法结构

本书目标共七章：javascript是一门轻量级的语言

本章目标：

1、 了解javascript

2、 Javascript的组成

3、 软件

4、 在html中，怎么放置javascript脚本

5、 基本语法

a) 数据类型

b) 变量

c) 运算符

d) 条件语句

e) 循环语句

一、 JavaScript

1、 Javascript和java的关系？

Javascript和java是没有任何关系的。

 

2、 Javascript是什么？

① Js是一种解释性脚本语言

② 主要用来向HTML页面添加交互性行为

③ 可以直接嵌套入HTML页面，但写出单独的js文件有利于结构和行为的分离

④ 跨平台特性，在绝大多数数浏览器的支持下，可以在多种平台下运行

3、 Javascript可以做什么？

① 页面动态效果

② 表单数据有效性验证

③ 支持ajax实现（局部更新）

 

二、 javascript的组成

a) 3部分组成：

i. 核心语法和基础对象（ECMAScript）

ii. 文档对象模型（DOM）：描述了访问页面元素的方法和接口

iii. 浏览器对象模型（BOM）：描述了与浏览器进行交换的方法和接口

1. window对象：代表浏览器窗口和框架

2. navigator对象：客户机浏览器的信息

3. screen对象：客户机显示屏幕的信息

4. history对象：窗口的浏览历史

5. location对象：有关当前URL的信息

 

三、 软件

 

 

四、 在html中，怎么放置javascript脚本

① 写在html文件中

<script type=”text/JavaScript”>

//写代码

/*

写代码

*/

</script>

 

② 写成一个独立的文件，后缀名为 .js ，在html中引入

<script type=”text/JavaScript” src=”文件的位置”></script>

 

②  将脚本代码作为标签的事件处理程序

οnclick=”window.close()”

 

五、 基本语法 

1、 标识符和关键字

标识符：对变量和函数进行命名

标识符规范：

① 必须以字母，下划线，数字或$组合而成

② 不能以数字开头

③ js关键字不能使用

④ 区分大小写

 

2、 数据类型：原始类型和对象类型

① 布尔型 Boolen true/false

② 数值类型 Number (八/十六/十进制数) 070，0x1f，50

③ 字符串 String “”  ‘’

④ 未初始化的值 Undefined undefined

⑤ 不存在的对象 Null null

⑥ 对象类型：除以上5种，其它都是对象类型

 

3、 变量：弱类型，根据赋值的数据类型决定变量的类型

① 声明变量格式：

a) var 变量名; //默认值为undefined;

b) var 变量名 = 值; //值可以是任何数据类型

 

提示：可以通过typeof运算符，查看数据类型

规范：按照规范写

定义变量，存整形，存整形

Var可省，不省

 

② 变量声明不是必须的，即var可省略

 

4、 运算符

a) 一元运算符 （++，--）自增自减，（+，-），!

b) 算术运算符 （+，-，*，/，%）

c) 比较运算符 （>，>=，<，<=，==，!= 或者 <>）

d) 逻辑运算符 （&&，||，!）

e) 条件运算符  （表达式1 ? 表达式2 : 表达式3）

f) 赋值运算符 （=，+=，-=，*=，/=，%=）

 

5、 条件语句

① if

② if-else

③ if-else-if

④ if嵌套

注意：条件语句中的条件表达式，可以是任何值，会自动类型转换成Boolen

总结各种数据类型怎么转换：

自动转换Truefalse

Booleantruefalse

String非空“” ‘’

Number非00

UndefinedUndefined

 

⑤ switch-case 和C语言一样的

 

6、 循环语句

① while

② do-while

③ for

④ for –in：用来遍历数组或集合 

for(var 变量名 in  数组或集合)

{

}

 

⑤ with：设置特定对象中的作用域

with()

{

}