本章讲述脚本的概念、JavaScript的基本语法、在页面上创建
本章讲述脚本的概念、JavaScript的基本语法、在页面上创建JavaScript函数的方法,重点介绍了JavaScript内置对象和浏览器对象的在Web页上的应用。
通过本章的学习,要求同学们:
?熟练掌握JavaScript的基本语法
?掌握脚本的基本概念
?了解脚本语言
一、 本章要求熟练掌握的内容
熟练掌握JavaScript的基本语法
JavaScript的基本语法
JavaScript的基本语法与C语言很相似,它继承了C语言的优点,并融入了面向对象的思想。
1 数据类型
JavaScript有三种数据类型:
(1)数值型。数值型数据包括整数和浮点数。
(2)逻辑型。逻辑型数据有true和false两种取值,分别
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
示逻辑真和逻辑假。
(3)字符型。字符型数据的值是以双引号(" ")或单引号(' ')括起来的任意长度的一连串字符。注意“\\”是转义字符,常用的转义序列有:\\n—换行符,\\t—水平制表符,\\r—回车符,\\b—退格符。
2 常量和变量
(1)常量。常量是在程序中值保持不变的量。
(2)变量。变量是在程序中值可以改变的量。JavaScript用关键字var声明变量,或使用赋值的形式声明变量。
JavaScript的变量使用比较灵活,可以在程序中需要之处声明变量、为变量赋值,而不必事先将程序中要用天的所有变量都做声明;并且可以不声明而直接使用变量。
JavaScript命名变量的规则是:
?变量名必须以字母(大小写均可)打头,只能由字母(大小写均可)、数字0—9和下划线“_”组成;
?变量名长度不能超过1行,并且不能使用JavaScript保留字作变量名;
?变量名的字母区分大小写。
JavaScript的保留字是系统预先定义,具有特殊含义和用途的字符串,不能作他用。
3 运算符和表达式
(1)运算符。常用的JavaScript运算符包括赋值运算符、算术运算符、字符串运算符、逻辑运算符、关系运算符。
算术运算符。算术运算符的操作数和结果都是数值型值。
字符串运算符。字符串运算符只有一个“+”,用于将字符串连接运算。参与字符串连接运算的两个操作数如果都是字符串,则直接合并;否则,操作数会被先转变为字符串,再进行合并。
逻辑运算符和关系运算符。逻辑运算符和关系运算符的运算结果都是逻辑值。逻辑运算符的运算对象和结果都是逻辑值。逻辑运算符有三个:
&&—与运算,当两个操作数都为true时,结果为true时,其它情况下结果均为false;
||—或运算,当两个操作数中至少有一个为true时,结果为true,否则结果为false;
!—非运算,结果是操作数的值取反。
关系运算符用于数值以及字符串值的比较,返回比较判断的结果。关系运算包括:
==—相等;!=—不等;<—小于;>—大于;<=—小于或等于;>=—大于或等于。
(2)表达式。JavaScript的表达式是由常量、变量、运算符、函数和表达式组成的式子,任何表达式都可求得单一值。根据表达式值的类型,JavaScript的表达式有三类:
?算术表达式:其值是一个数值型值,例如:5+a-x;
?字符串表达式:其值是一个字符串,例如:"字符串1"+str;
?逻辑表达式:其值是一个逻辑值,例如:(x==y)&&(y>=5)。
此外,JavaScript还有一种特殊的表达式——条件表达式,其格式为:(condition)?val1:va12
其中condition是逻辑表达式。该条件表达式的含义是:如果condition的值为true,则条件表达式的值为val1,否则为val2。
4 流程控制
JavaScript有顺序、分支和循环三种控制结构。顺序结构是指程序的各语句按其出现的先后顺序依次执行。可以用条件转移语句和循环语句改变程序执行顺序。
(1)条件转移语句
条件转移语句包括if语句和switch语句。
(2)循环语句
循环语句包括for、while、break和continue。
for与while两种语句都是循环语句,它们的表达能力是相当的。但习惯上当使用循环计数器进行控制时选用for语句;而while语句对循环条件较复杂的情况更适合些。
break语句的作用是结束当前的循环,并把程序的控制权交给循环的下一条语句。Continue语句的作用是结束当前的某一次循环,但是并没有跳出整个循环。
5 函数
通常在进行一个复杂的程序
设计
领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计
时,根据所要完成的功能,将程序划分为一些相对独立的部分,每部分编写一个函数,从而使各部分充分独立,任务单一,程序清晰。JavaScript函数可以封装那些在程序中可能要多次用到的功能块。
定义JavaScript函数是通过使用function语句和return语句来实现的,对应的语法格式是:
function function_name(parameters){
function_block;
return exp;
}
function_name是定义的函数名称,parameters是参数表,function_block是函数执行的代码块,exp是一个表达式。如果省略了exp表达式,或者根本就没有return语句,函数就不返回结果。
函数的调用非常简单,直接在需要的位置输入函数的名称和需要的参数即可调用。
注意:
?函数定义位置。虽然语法上允许在HTML文件的任意位置定义和调用函数,但建议在HTML文件的头部定义所有的函数
?变量的作用域。在函数内用var保留字声明的变量是局部变量,其作用域仅局限于该函数;而在函数外用var保留字声明的变量是全局变量,其作用域是整个HTML文件。。
6 事件触发和处理
JavaScript是基于对象(object-based)的语言,其基本特征是采用事件驱动。事件是指对计算机进行一定的操作而得到的结果,例如将鼠标移到某个超链接上、按下鼠标按钮等都是事件。由鼠标或热键引发的一连串程序的动作,称之为事件驱动。对事件进行处理的程序或函数,称之为事件处理程序。JavaScript定义了常用的事件的名称、何时及何对象发生此事件(即事件触发)以及事件处理名。
JavaScript对象概述
在JavaScript中,对象是对客观事物或事物之间的关系的刻画。JavaScript中可以使用下几种对象:
?JavaScript内置对象,如Date、Math及String。
?用户自定义对象。
?由浏览器根据页面内容自动提供的对象。
?服务器上固有的对象。
JavaScript中的对象是由属性(properties)和方法(methods)两个基本元素构成的:属性成员是对象的数据;方法成员是对数据的操作。
在JavaScript中提供了几个对象处理语句:this,for„in,with和new。
常用JavaScript内置对象
JavaScript提供的常用内置对象有:
?String(字符串)对象:处理所有的字符串操作;
?Math(
数学
数学高考答题卡模板高考数学答题卡模板三年级数学混合运算测试卷数学作业设计案例新人教版八年级上数学教学计划
)对象:处理所有的数学运算;
?Date(日期时间)对象:处理日期和时间的存储、转化和表达;
?Array(数组)对象:提供一个数组模型,用于存储大量有序的数据;
JavaScript的常用函数
在JavaScript中提供了一些不属于任何对象的函数,在JavaScript程序中的任何位置都可以直接使用它们。
1 eval()函数
2 parseInt()和parseFloat()函数
JavaScript的浏览器对象
在JavaScript中,将浏览器的属性封装在一系列的对象中,这些对象按层次组织,构成树形层次结构。该结构的常用对象及含义如下:
?navigator对象:封装了浏览器、版本等属性;
?window对象:封装有关窗口的属性和窗口操作;
?document对象:代表当前HTML文档;
?location对象:含有当前网页的URL地址;
?history对象:含有以前访问过的网页的URL地址;
?form对象:包含表单的属性和操作;
?button、password、checkbox等对象:是form的下层对象,对应form中的相应元素。
? Window对象
Window对象描述浏览器窗口特征,属性主要有parent(当前窗口的父窗口)、self(当前窗口)、top(主窗口)、status(浏览器当前状态栏内容)、defaultStatus(浏览器状态栏默认值)等,而方法主要包括alert()(消息对话框)、confirm(确认信息对话框,若用户单击“确定”,则返回true,否则返回false)、open()(生成一个新窗口)、close()(关闭一个窗口)、focus()(设定窗口为“激活”状态)。open()方法使用较多,其使用语法为:
open("URL","窗口名称"[,"窗口特性"])
例如语句:
newWin= open("paper.htm","newWin","width=600,height=400,menubar=yes")
将创建一个名为newWin的窗口,其中载入paper.htm文档,该窗口宽600,高400,显示菜单栏。
2 Document对象
该方法用于向document对象所对应的HTML文档页面中写入内容。一个HTML文件的页面对应一个document对象,通过document对象的属性和方法,可以创建HTML,所以它是浏览器对象中最有用的对象之一。
同样,document对象拥有许多属性和方法,常用的包括:bgColor(文档背景颜色)、fgColor(页面字体颜色)、title(文档标题)、write()(向页面写入字符串)等。
3 Form对象
在JavaScript中,form也是对象,它封装了网页中由
标签定义的表单的信息。
Form对象的属性与HTML中语法定义的属性相对应,包括name、action、method、target、encoding、elements、length等,其中elements是指表单中包括的表单元素,length则是指表单元素的个数。
Form对象的方法有submit()和reset()方法。
在Form对象中还包含了许多子对象,子对象有自己的属性,其中最常用的属性是name和value。
注意,在form的onSubmit事件不能像其他事件那样简单引用函数,而是必须使用关键字return,表示需要函数返回的值;否则无论数据检查是否通过都会提交数据。
掌握例6,2,例6,3,例6,5,例6,6,例6,7,例6,8,例6,10。
二、 本章要求掌握的内容
1、掌握脚本的基本概念
脚本语言是指用于Web页面及程序设计的脚本语言,它们通常是嵌入式(嵌入到HTML文本中)的,具有解释执行的特征。根据脚本程序被解释执行的地点的不同,可将它们分为客户端脚本和服务器端脚本,前者由浏览器负责解释执行,后者由Web服务器负责解释执行。
三、 本章要求了解的内容
1、了解脚本语言
VBScript是Visual Basic和Visual Basic for Application(VBA)的一个子集。VBScript是嵌入到HTML中的,浏览器产品中,IE3.x以上版本的浏览器中均能执行VBScript,而其他浏览器如Netscape,则需要安装相应的插件才能解释执行。同样在服务器产品中,IIS和PWS默认地就能解释网页中的服务器端VBScript代码。
JavaScript语言基于SUN公司的Java语言,也是嵌入在HTML文件中的脚本语言。
JavaScript基于对象和事件驱动, JavaScript的目前版本是1.2版,本章只讲授客户
端使用的JavaScript,其特点是直接由浏览器解释运行。
JavaScript具有如下特点:
(1)简单性。
(2)基于对象。
(3)可移植性。
(4)动态性。