JavaScript语法基础教学课件_第1页
JavaScript语法基础教学课件_第2页
JavaScript语法基础教学课件_第3页
JavaScript语法基础教学课件_第4页
JavaScript语法基础教学课件_第5页
已阅读5页,还剩32页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

课程目标

•以面向对象的思想理解javascript

•掌握javascript的核心对象

•自学了解类库

包女触/牛A方储仍用2

第一章

JavaScript语法基础

包头乾仔A才嬉他中p

目标

•理解什么是JavaScript

•如何将JavaScript嵌入至UHTML中

•理解变量、数据类型和运算符,

•掌握if-else和switch语句

包头软件A才嬉封电p

Javascript背景

•前身叫做Livescript

•改名为Javascript是一种市场营销手

包头软件A才嬉句电p

什么是JavaScript

叶JavaScript是一种脚本语言

•数据验证

•动态更改内容

•提供用户交互

包头软件A才嬉句电p

Javascript核心

javascript

文档对象模型浏览器对象模型

ECMAScriptDocumentObjectBrowserObject

ModelModel

包头软件A才嬉利生p

ECMAScript

准化一个通用、跨平台、中立于厂商的脚本语

的语法和语义

EC^AScr标可以为不同种类的宿主环境提供核

心的脚本编程能力,因此核心的脚本语言是与任

何特定的宿主环境分开进行规定的

ECMAScript描述了以下内容:

-包头假仔A才储声有p

将JavaScript嵌入网页

•E可戌将JavaScript语句插入HTML文档,

如下:

-使用<SCRIPT>标签将语句嵌入文档

包头软件A才嬉利电p

使用Script标签

<SCRIPTlanguage="JavaScript">

document.wilte("欢迎来至ijJavaScript世界)脚本代码

</SCRIPT>

</HEAD>地址(3修1C:\html\Examplel.htm

<BODY>

<P>尽情享受学习的快乐!!!

</BODY>欢迎来到JavaScript世界

</HTML>

尽情享受学习的快乐|||

示例:内嵌脚本.htm

使用外部JS文件

TR4

・"卜即JavaScript文件可以链接到HTML文

•$CRIPT标签的SRC(源文件)属性可用

于包括此外部文件工

<scriptlanguage="JavaScript”

src="文件名Js">v/script>

示例:外挂脚本.htm包头软件人才修句1bp

使用外部JS文件

JavaScript代码(test.htm)

<HTML>

<HEAD>

〈TITLED更用外部文件*/TITLE〉

<SCRIPTSRC="test.js"></SCRIPT>

</HEAD>

<BODY>

vP>以上文本是通过访问外部JavaScript文件JavaScript代4马(te

</BODY>documentwrite(“喂!你好

</HTML>

包头软件A才修他由y

使用内嵌还是外部js

安全性

轻易查看到源代码

代码维护

js代码放置在多个页面,难维护

缓存'

设置缓存外部js文件,多个页面共用

同一个js文件只需下载一次,加快访问速度。

否则增加页面的大小,增加下载时间。

答案:大量js代码不应内嵌在HTML文件申靖苗勒

变量

名必须以字母、下划线(“「)或$开

•其后可以包含字母、数字、下划线或美元

符号

•JavaScript区分大小写,即变量myVar>

myVAR和myvar是不同的变量

­变量是弱类型

包头软件A才修句施力

声明变量

量赋值

a;a=10;

‘War"-用于声明变量的关键字

a”-变量名

同时声明和初始化变量

vara=10;

声明多个变量

varx,y,z=10;

包头貌仔A才嬉他悔2

示例:声明变量.htm

变量的命名规则、约定

F首字符必须是字母、下划线、美元符号

-余下的字符可以是下划线、美元符号、任何字母

或数字

•约定k

-Camel

-Pascal

-匈牙利类型

包头就《牛A才檐制相p

关键字和保留字

ECMA-262定义了ECMAScript支持的

一套关键字(keyword)和定义了一

套保留字(reservedword)。

•根据规定,关键字是保留的,保留字

在某种意义上是为将来的关键字而保

留的单词,都不能用作变量名或函数

名。

包头轨/牛A才嬉他密p

原始值和引用值

源始值(primitivevalue)是存储在栈

(stack)中的简单数据段,也就是说,它

们的值直接存储在变量访问的位置O

•引用值(referencevalue)是存储在堆

(heap)中的对象,也就是说,存储在变

量处电值是一个指针(point),指向存储

对象的内存处。

包头软件A才嬉封称p

原始类型

^^^^CMAScript有5种原始类型

•Undefined类型

•Null类型

•Boolean类型

•Number类型

•String类型

可通过type。侏判断属于哪种类型

包头软件A才嬉包角p

示例:undefined类型.htm

转换

SrM

赢桀蕤成字符串—toString()

换成数字一parselnt()^nparseFloat()

•强制类型转换

Boolean(value)一把给定的值转换成布尔型

Number(value)一把给定的值转换成数字

String(value)一把给定的值转换成字符串

示例:类型转换.htm包头软件A才修包角2

一元运算符

delete

-删除对以前对象定义的属性或方法的引

•void

-void运算符对任何值都返回undefined。

•前增量/前减量运算符

•后增量/后减量运算符

包头软件A才嬉句比p

•示例:一元运

运算符

:运算说明示例

【符

+加a=5+8

■减a=8-5

/除a=20/5

*乘a=5*19

%取模一两个数相除的余数10%3=1

++兀自加。该运算符带一将返回X自加运

个操作数,将操作数的值算后的值。

加1。返回的值取决于++X++将返回X自

运算符位于操作数的前面加运算前的值

或是后面

■■一元自减。该运算符只带-x将返回X自减

一个操作数。返回的值取运算后的值。

决于-运算符位于操作数X-将返回X自减

"l斗f#曰匚二f二雇中告上"t/士

比较运算符

运算符值说明

小于(V)expri<expr2只有当expri小于expr2时,才返回

真。否则,返回假。

大于(>)expri>expr2只有当expri打于expr2时,才返回

真。否则,返回假。

小于等于(<=)expri<=expr2只有当expri小于等于expr2时,才

返回真。否则,返回假。

大于等于(>=)expri>=expr2只有当expri大于等于expr2时,才

返回真。否则,返回假。

包头触/牛A才佳他也P

「运算符

1

6

1茸承符

运算符值说明

与(&&)expri&&expr2只有当expri和expr2同为真时,才返

回真。否则,返回假。

或(II)expri||expr2如果其中一个表达式为真,或两个表达

式同为真,则返回真。否则,返回假。

非(1)!expr如果表达式为真,则返回假。如果为假,

则返回真。

包头软件A才嬉利秀p

等性运算符

运算符值说明

==(双等号)expri==expr2只有当expri和expr2相同时,才返

回真。否则,返回假。

!=(非等号)expri!=expr2只有当expri和expr2不相同时,才

返回真。否则,返回假。

===(全等号)不执行类型转换只有当expri和expr2相同时,才返

回真。否则,返回假。

!==(非全等号)不执行类型转换只有当expri和expr2不相同时,才

返回真。否则,返回假。

示例:全等运~.htm包头软件A才嬉句方p

条件运算符

•奥耍ble;布尔表达式?真的取值:假的取值

J

一例如:varnumberl=1<2?,5apple,,:,,orange";

示例:条件运~1.HTM包头软件A才修句走p

附值运算符

法/赋值

卜除法/赋值

,取模/赋值(%二);

•加法/赋值(+=);

,减法/赋值(-=);

包头软件A才嬉包比p

语句

If语句

跌代语句

有标签的语句

break和continue语句

switch语句

with语句

包头软件A才嬉封去p

if语句

随句用于测试条件。

语法:

if(条件)

JavaScript代码;

}

如果要执行多个语句,必须将这些语句放在一对大括号({})内。

但如果只要执行一个语句,则可以省略大括号

y

包头貌仔A才嬉句兔p

示例:if语句.htm

跌代语句-1

Oc・whila语句

do

JavaScript代码;

}while(条件)

•while语句

while

JavaScript代码;

}

示例:dowhile语句.htmwhile语句树人力"29

跌代语句-2

,・

f

ro

1•for语句语

for(初始值;表达式;表达式).

h

f

JavaScript代码;m

}

for(属性in表达式)

F

(O

JavaScript代码;R

-

}N

1

例如:for(sporpinwindow)1

.

(H

alert(sporp);蛆

)M

with语句

th语句用于设置代码在特定对象中的作用

域。

with(表达式)

(

JavaScript代码;

}

例如:varsMessage="hell。world”

with(sMessage)

(

alert(tollpperCase());

)

示例:With语句.htm包头软件A才修他由y

switch语句

switch(表达式)

case常量1:

JavaScript语句;

break;

case常量2:

JavaScript语句;

break;

default:

JavaScript语句;

}

示例:SWITCH~1.HTM包头软件A才嬉句初p

函数

函数是由关键字function、函数名加一组

参数以及置于括号中的要执行的代码声

明的。

•基本语法

functi

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论