




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
课程目标
•以面向对象的思想理解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. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 劳务分包内部合同样本
- 协会合伙合同范例
- 加盟项目合同样本
- 分包材料代购合同样本
- 《微生物学与免疫学》实验教学大纲设计与实施
- 家具行业的环境政策与规范研究考题试题及答案
- 剧组车辆租赁合同标准文本
- 办公租赁合同标准文本范文
- 冰淇淋甜筒货运合同样本
- 专业直播带货团队组建与薪酬设计方案的制定与实施效果评估研究
- 数据资产的确认与计量问题研究
- 惠州一中、珠海一中等六校联考2024-2025学年高三考前热身物理试卷含解析
- 某县公共实训基地建设项目可研报告
- 2025年纳米镍粉市场规模分析
- 2024年山东淄博中考满分作文《从“阅”到“悦”》5
- 拒绝校园霸凌守护美好校园
- 不要慌太阳下山有月光二部合唱简谱
- 中西文化比较与跨文化交际知到课后答案智慧树章节测试答案2025年春南开大学
- 2025年农村土地使用权益永久转租协议范本
- 病历书写规范培训课件
- 2025年沪科版七年级数学下册全套测试卷
评论
0/150
提交评论