Javascript语言.docx

《Javascript语言.docx》由会员分享，可在线阅读，更多相关《Javascript语言.docx（42页珍藏版）》请在冰点文库上搜索。

Javascript语言

JavaScript语言

胡跃

2009年5月27日

第一章JavaScript语言的发展

JavaScript是一种脚本语言，其前身叫做Livescript。

自从Sun公司推出著名的Java语言之后，Netscape公司引进了Sun公司有关Java的程序概念，将自己原有的Livescript重新进行设计，并改名为JavaScript。

脚本语言就是一种简单的解释执行程序，它由一些ASCⅡ码组成，并可以用“记事本”等文本编辑器直接对其进行开发。

常用的脚本语言还有VBScript。

JavaScript语言规范

JavaScript通常有以下几点规则：

1大小写敏感。

JavaScript区分大小写。

编写JavaScript脚本时应正确处理大小写字母。

2使用成对的符号。

在JavaScript脚本中，开始符号和结束符号是成对出现的。

3使用空格。

与HTML一样，JavaScript会忽略多余的空白区域。

在JavaScript脚本中，可以添加额外的空格或制表符以使教本文件易于阅读和编辑。

4使用注释。

用户可以在注释行记录脚本的功能、创建时间和创建者。

JavaScript中的注释行用双斜线（//）开始。

5JavaScript语句以分号结束。

第二章JavaScript语言语法

1.数据类型

JavaScript的主要数据类型有6种：

数据类型

说明

示例

数字型

整数或实数

487,25.95

逻辑型或布尔型

执行逻辑运算

true或false

字符串型

一组字符

“Hello”

空

特殊关键字，表示不存在的值。

null

2.变量和常量

1.变量

JavaScript中变量的命名规则：

变量名称的第一位只能是英文字母或下划线。

变量名称从第二位开始，可以使用数字、字母和下划线。

JavaScript变量名称区分大小写。

变量用var赋值

比如：

varname=“huyue”对namer赋值

2、常量

常量基本和数据类型相似。

在这不必在重复介绍

2.运算符

算术运算符

逻辑运算符

比较运算符

3.转义字符

附：

“+”运算符案例

--

vara=prompt（"请输入一个数","1"）;

a=parseFloat（a）;

varb=a++;

varc=++a;

document.write（"a++的值为：

"+b+"，++a的值是：

"+c）;

-->

第三章JavaScript语言基础

1.JavaScript语言框架

JavaScript可以在HTML语言中的和中插入，基本框架如下

alert（'欢迎来到跃的网站'）

2.JavaScript语言常用代码

parseInt（）函数转换成整数

parseFloat（）转换成小数

document.write在界面上输出显示

alert输出对话框

prompt输入弹出对话框（左上角）

第三章JavaScrip条件语句

1.if语句

⑵if两选语句

If（条件）

{

执行语句

}

else

{

执行语句

}

if单个选择语法

If（条件语句）

{

执行语句

}

（3）if多选语句

If（条件）

{

执行语句

}

elseif

{

执行语句

}

elseif

{

执行语句

}

（4）if语句案例

x=prompt（"欢迎来到跃饭店！

请输入一个数"）;

if（x=7）

{

alert（'你可以点:

回锅肉、青椒肉丝、香干肉丝等'）;

}

elseif（7>=x&&x>=5）

{

alert（'您可以点：

千张、黄瓜、苦瓜等'）;

}

elseif（x=5）

{

alert（'你可以点小白菜'）;

}

elseif（0

{

alert（'本店不欢迎你'）;

}

2.switch语句

案例：

varscore=prompt（“请输入你的分数：

”跃"）;

case6:

document.write（"基本合格"）;

break;

case7:

document.write（"合格"）;

break;

default:

document.write（"成绩太差"）;

}

Switch和FOT语句一样是条件选择语句

Swith（表达式）

{

Case取值

语句

Break

Case取值

语句

Break

Default取值//Default代表其他的选项

语句

}

3.while和do－while循环

do－while循环

do

{

//语句；

}while（循环条件）;

while循环

while（循环条件）

{

//语句；

}

先检查一遍，当返回turn值则执行语块先执行一遍，在检查

while案例：

--

varamount=10;//amount代表线的宽度

while（amount<=100）

{

document.write（""）;

amount=amount+10;

}

//-->

Do__while案例

--

document.write（"

请输入几个字母看看效果：

do

{

varcharacter=prompt（"请输入一个字母，输入N或n结束：

","跃"）;

document.write（character）;

}

while（character!

="n"&&character!

="N"）

//-->

4.break和contiue语句

Break:

break语句可以终止循环体中的执行语句。

无标记的break语句会把控制传给当前循环的一下语句。

如有标记（如：

breakst：

）跳出外面的循环，传给带st的语句（也就是自己）。

Continue:

Continue语句只能出现在循环体中的执行语句。

无标记的Continu跳出本循环执行下面的循环。

5.for循环语句

for循环语句

{

执行语句

}

案例：

varoutput="";

for（varx=1;x<100;x++）

{

output=output+"
"+x;

}

document.write（output）

第三章JavaScrip函数

1.函数的定义

在JavaScrip中定义一个函数必须以function开头，基本格式如下：

Function函数名（参数列表）

{

程序代码

Return表达式//Return视环境而定

}

2.内置函数

1.eval函数：

用于计算字符串表达式的值

2isNaN函数：

用于验证参数是否为NaN（非数字）

3.parseInt（numString,[radix]）将numString按指定的进制转换为整数；如果numString不能转换为一个数字，该函数将返回NaN

4.parseFloat（numString）将numString转换为对应的浮点数；如果numString不能转换为一个数字，该函数将返回NaN

案例：

functionsum（）

{

document.myform.result.value=document.myform.first.value+document.myform.second.value;

}

加数：

被加数：

5.自定义函数

1.函数格式：

function函数名（参数1,参数2，…）

{

语句;

}

2.自定义函数规则：

函数调用一般和表单元素的事件一起使用，调用格式为：

事件名＝“函数名”;

函数名区分大小写，且不能相同

在function关键字之前不能指定返回值的数据类型

函数的参数不能指定数据类型，只写形参变量名

函数必须放在标记之间

函数定义最好放在网页的之间

案例：

functioncheck（）

{

vari

i=Math.round（Math.random（）*8+1）;

alert（"你选的题是"+i）;

}

第四章JavaScript对象

JavaScript对象是属性和方法的组合

属性是对象所拥有的一组外观特征，一般为名词

方法是对象可以执行的功能，一般为动词

1.String对象

创建字符串有两种不同方法：

使用var语句

varnewstr=“这是我的字符串"

创建String对象

varnewstr=newString（“这是我的字符串"）

2.Math对象

Math.random（）：

产生0－1的随机小数

Math.round（）：

四舍五入取整，如9.34取整为9

案例：

3.DATA对象

Date的参数为整数

Set方法

方法

说明

setDate

设置Date对象中月份中的天数，其值介于1至31之间。

setHours

设置Date对象中的小时数，其值介于0至23之间。

setMinutes

设置Date对象中的分钟数，其值介于0至59之间。

setSeconds

设置Date对象中的秒数，其值介于0至59之间。

setTime

设置Date对象中的时间值。

setMonth

设置Date对象中的月份，其值介于1至12之间。

Get方法

方法

说明

getDate

返回Date对象中月份中的天数，其值介于1至31之间

getDay

返回Date对象中的星期几，其值介于0至6之间

getHours

返回Date对象中的小时数，其值介于0至23之间

getMinutes

返回Date对象中的分钟数，其值介于0至59之间

getSeconds

返回Date对象中的秒数，其值介于0至59之间

getMonth

返回Date对象中的月份，其值介于0至11之间

getFullYear

返回Date对象中的年份，其值为四位数

getTime

返回自某一时刻（1970年1月1日）以来的毫秒数

案例：

varnow=newDate（）;//获得当前日期和时间

varhour=now.getHours（）;//获得小时，即当前是几点

if（hour>=0&&hour<=12）

document.write（"上午好!

"）

if（hour>12&&hour<=18）//判断上午、下午还是晚上

document.write（"下午好!

"）;

if（hour>18&&hour<24）

document.write（"晚上好!

"）;

document.write（"

今天日期:

"+now.getYear（）+"年"

+（now.getMonth（）+1）+"月"+now.getDate（）+"日"）;

document.write（"

现在时间:

"+now.getHours（）+"点"+now.getMinutes（）+"分"）;//月份数字0－11，注意＋1

第五章JavaScrip事件

JavaScript事件处理程序就是一组语句，在事件（如点击鼠标或移动鼠标等）发生时执行

事件处理程序的基本语法是：

事件名="JavaScript代码函数"

”）;”>

表示鼠标按下时，将调用执行函数check（）。

事件表

事件名

说明

onClick

鼠标单击

onChange

文本内容或下拉菜单中的选项发生改变

onFocus

获得焦点，表示文本框等获得鼠标光标。

onBlur

失去焦点，表示文本框等失去鼠标光标。

onMouseOver

鼠标悬停，即鼠标停留在图片等的上方

onMouseOut

鼠标移出，即离开图片等所在的区域

onMouseMove

鼠标移动，表示在

随机漂浮的广告

2.docunment对象

每个window对象都有document属性，该属性引用表示在窗口中显示的HTML文档的document对象。

JavaScript可以把静态HTML文档转换成交互式的程序，因为document对象给了它交互访问静态文档的内容的能力。