JavaScript概述

1JavaScript概述

1.JavaScript是一种描述性语言,也是一种基于对象(Object)和事件驱动(Event Driven)的,并具有安全性能的脚本语言.它与HTML(超文本标记语言)一起,在一个Web页面中链接多个对象,与Web客户实现交互.无论在客户端还是在服务器端,JavaScript应用程序都要下载到浏览器的客户端执行,从而减轻服务器端的负担.特点如下:

1.JavaScript主要用来向HTML页面中添加交互行为.

2.JavaScript是一种脚本语言,语法和java类似.

3.JavaScript一般用来编写客户端的脚本.

4.JavaScript是一种解释性语言,边执行边解释.

2.JavaScript与ECMAScript的关系

ECMAScript是一种脚本语言的标准,JavaScript语言就是遵循ECMAScript标准的一种实现.

2.JavaScript组成

1.ECMAScript标准

ECMAScript是一种开放的,国际上广为接受的.标准的脚本语言规范,它不与任何具体的浏览器绑定.ECMAScript是一个描述,规定了脚本语言的所有属性,方法和对象的标准.

2.浏览器对象模型

浏览器对象模型(Browser Object Model ,BOM),提供了独立于内容的]与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互.

3.文档对象模型

文档对象模型(Document Object model , DOM),是HTML文档对象模型(HTML DOM)定义的一套标准方法,用来访问和操作HTML文档.

3.JavaScript的基本结构

<script type="text/JavaScript">

<!--

JavaScript语句;

-->

</script>

1.type是<script>标签的属性,用于指定文本使用的语言类别为JavaScript.

2.<!--语句-->是注释标签,用于告知不支持JavaScript的浏览器忽略标签中包含的语句.(防止某些浏览器不支持JavaScript出现直接输出JavaScript代码)

4.使用客户端脚本的好处:

1.包含JavaScript的页面只要下载一次即可,这样能减少不必要的网络通信.

2.JavaScript程序由浏览器客户端执行,不是由服务器端执行,因此能减轻服务器端的压力.

4.在网页中引用JavaScript方式

1.使用<script>标签.(最常用方法,适用代码少)

2.使用外部JavaScript文件.(外部文件不包含<script>标签,以.js扩展名保存,将该文件指定给<script>标签中的"src"属性)

3.直接在HTML标签中.(适用加一个简单的页面效果)例如; onclick="javascript:alert('欢迎你');"

5.JavaScript核心语法

1.语法: var 合法的变量名;(可以由数字,字母,下划线和"$"符号组成,但首字母不能是数字,并且不能使用关键字命名)

2.JavaScript是一种弱类型语言,所以允许不声明变量直接使用,系统直接声明,例如:x=88;

注意:

1.千万要注意JavaScript区分大小写,特别是变量的命名,语句关键字等,这种错误很难查找.

2.变量可以不经过声明而直接使用,但这种方法很容易出错,不推荐使用,应遵循良好的编程习惯.

3.JavaScript关键字

关键字

关键字

关键字

关键字

关键字

break

case

catch

continue

default

delete

do

else

finally

for

function

if

in

instanceof

new

return

switch

this

throw

try

typeof

var

void

while

with

2.数据类型

1.undefined(未定义类型)

:声明的变量未初始化时,默认值为undefined

2.null(空类型)

:undefined实际上是null派生来的,因此JavaScript把他们定义为相等的. alert(null==undefined);//返回值为true

3.number(数值类型)

:既可以表示32位整数,又可以表示64位浮点数.整数也可以表示8进制或16进制,8进制首数字必须是0,其后随便(0~7),16进制首字母也是0,后面随意(0~9和A~F)

:特殊值NaN(Not a Number)表示非数,它是number类型.

4.String(字符串类型)

:字符串是一组被引号(单引号和双引号)括起来的文本.不对字符和字符串加以区别.

字符串的length属性,表示字符串的长度.

String对象的常用方法

方法

描述

toString()

返回字符串

toLowerCase()

把字符串转化为小写

toUpperCase()

把字符串转换为大写

charAt(index)

返回在指定位置的字符

indexOf(str,index)

查找某个指定的字符串在字符串中首次出现的位置

substring(index1,index2)

返回指定索引index2和index2之间的字符串,包含前者不包含后者

split(str)

将字符串分割为字符串数组

5.boolean(布尔类型)

6.typeof

:typeof(变量或值)

其结果有以下几种.

1.undefined

2.number

3.String

4.boolean

5.object:如果变量是null类型,或者变量是一种引用类型,如对象,函数,数组,则返回object类型的结果.

6.数组

1.创建数组

var 数组名 = new Array(size);//size表示数组中可存放元素总数

2.为元素赋值

var fruit = new Array("apple","orange","peach","bananer");

也可以分别赋值:

var fruit = new Array(4);

fruit [0] = "apple";

fruit [1] = "orange";

fruit [2] = "peach";

fruit [3] = "bananer";

数组也可以[ ] 来定义,

var fruit = ["apple","orange","peach","bananer"];

3.访问数组元素:数组名[下标]

4.数组常用属性和方法

类别

名称

描述

属性

length

设置或返回数组中元素的数目

方法

join()

把数组所有元素放入一个字符串,通过一个分隔符进行分隔

sort()

对数组排序

push()

向数组末尾添加一个或更多元素,并返回新长度

注意: 如果在创建数组指定size值,无论数组中是否存储实际数据,该数组的length就是这个指定的长度值.

7.运算符号

类别

运算符号

算术运算符

+ - * / % ++ --

比较运算符

> < >= <= == !=

逻辑运算符

&& ||  !

赋值运算符

=

8.逻辑控制语句

1.条件结构

if结构

switch结构

2.循环结构

for循环 while循环 do-while循环

for-in循环:

for(变量 in 数组){

//javaScript语句;

}

3.中断循环

break:可以立即退出整个循环

continue:只是退出当前的循环,根据判断条件决定是否进行下一次循环.

9.注释

1.单行注释://

2.多行注释以/*开始,以*/结束.

10常用的输入/输出

1.alert("提示信息");//警告对话框.带有一个字符串和一个"确定"按钮.

2.prompt("提示信息","输入框的默认信息");//提示对话框

例如: var color = prompt("请输入你喜欢的颜色","红色");

注意:若第二个参数省略,输入框则会出现"undefined",若不想有内容,只需写空字符串就行.

例如: var color = prompt("请输入你喜欢的颜色"," ");

如果用户单击取消,则该方法返回null,如果单击"确定"则该方法返回一个字符串型数据.

11语法约定

1.大小写区分

1.JavaScript的关键字,如for和if,永远都是小写的.

2.内置对象,如Math和Date是以大写字母开头的.

3.对象的名称通常是小写,如fruit.但其方法经常是多个单词的大小写混合,通常第一个字母小写,之后单词首字母是大写,如charAt().

2.变量,对象和函数的名称

名称可以包含大写字母,小写字母,数字,下划线和美元符号($),但必须以字母,下划线或美元符号($)开头.

3.分号

JavaScript允许开发者自行决定是否以分号结束一行代码,如果没有,JavaScript就将行代码的结尾看做该语句的结束.为了规范,建议写分号.

12.程序调试

1.IE开发人员工具

IE8自带调试工具,使用方法是在浏览器中打开网页,按F12键或者选择菜单"工具"-"开发人员工具"选项,进入调试页面.

2.alert()方法

我们可以通过alert()方法将不确定的数据以信息框的方式展示,以此来判断出错的位置.

13.JavaScript常用语法-函数

1.JavaScript中函数有两种,一种是JavaScript自带的系统函数,另一种是自定义函数.

1.parseInt()函数解析一个字符串,并返回一个整数,例如

var num1 = parseInt("78.89"); //返回值为78

var num2 = parseInt("4567color"); //返回4567

var num3 = parseInt("this36"); //返回NaN

2.parseFloat()函数解析一个字符串,并返回一个浮点数.例如:

var num1 = parseFloat("4567color"); //返回值为4567

var num2 = parseFloat("45.58"); // 返回值45.58

var num3 = parseFloat("45.58.25"); // 返回值45.58

var num4 = parseFloat("color4567"); // 返回值NaN

3.isNaN()函数用于检查其参数是否是非数字.例如:

如果是非数字,则返回值是true,否则返回false;

var flag1 = isNaN("12.5");//返回值为false

var flag1 = isNaN("12.5s");//返回值为true

var flag1 = isNaN("45.8");//返回值为false

经验:isNaN()函数通常用于检测parseFloat()和parseInt()的结果,以判断是否为合法的数字.也可以用isNaN()函数来检测算数是否错误,如用0作为除数的情况.

2.自定义函数

语法:

function 函数名(参数1,参数2,参数3,.....){

//JavaScript语句;

[return 返回值]

}

3.调用函数

事件名 = "函数名()";

4.匿名函数

匿名函数没有函数名.例如:

function(count){

for(var i=0;i<count;i++){

document.write("<h2>Hello World</h2>");

}

}

14变量的作用域

分为全局变量和局部变量

JavaScript中的全局变量,是在所有函数之外的脚本中声明的变量,是该变量定义后的所有语句,包括其后定义的函数中的代码,以及其后<script>与<script>标签中的代码.

JavaScript中的局部变量,是在函数内声明的,只在该函数内且位于该变量之后的代码中使用这个变量,如果在之后的其他函数中声明了与这个局部变量同名的变量,则后声明的变量与这个局部变量毫无关系.