版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
課程目標(biāo)
?以面向?qū)ο蟮乃枷肜斫鈐avascript
?掌握javascript的核心對(duì)象
?自學(xué)了解類庫(kù)
包女觸/牛A方儲(chǔ)仍用2
■
第
第一章
JavaScript語(yǔ)法基礎(chǔ)
包頭乾仔A才嬉他中p
目標(biāo)
?理解什么是JavaScript
?如何將JavaScript嵌入至UHTML中
?理解變量、數(shù)據(jù)類型和運(yùn)算符,
?掌握if-else和switch語(yǔ)句
包頭軟件A才嬉封電p
Javascript背景
?前身叫做Livescript
?改名為Javascript是一種市場(chǎng)營(yíng)銷手
段
包頭軟件A才嬉句電p
什么是JavaScript
葉JavaScript是一種腳本語(yǔ)言
?數(shù)據(jù)驗(yàn)證
?動(dòng)態(tài)更改內(nèi)容
?提供用戶交互
包頭軟件A才嬉句電p
Javascript核心
javascript
文檔對(duì)象模型瀏覽器對(duì)象模型
ECMAScriptDocumentObjectBrowserObject
ModelModel
包頭軟件A才嬉利生p
ECMAScript
準(zhǔn)化一個(gè)通用、跨平臺(tái)、中立于廠商的腳本語(yǔ)
的語(yǔ)法和語(yǔ)義
EC^AScr標(biāo)可以為不同種類的宿主環(huán)境提供核
心的腳本編程能力，因此核心的腳本語(yǔ)言是與任
何特定的宿主環(huán)境分開(kāi)進(jìn)行規(guī)定的
ECMAScript描述了以下內(nèi)容:
法
語(yǔ)
型
類
句
語(yǔ)
鍵
關(guān)
字
留
保
字
算
運(yùn)
符
象
對(duì)
-包頭假仔A才儲(chǔ)聲有p
將JavaScript嵌入網(wǎng)頁(yè)
?E可戌將JavaScript語(yǔ)句插入HTML文檔,
如下:
-使用＜SCRIPT＞標(biāo)簽將語(yǔ)句嵌入文檔
包頭軟件A才嬉利電p
使用Script標(biāo)簽
<SCRIPTlanguage="JavaScript">
document.wilte（"歡迎來(lái)至ijJavaScript世界）腳本代碼
</SCRIPT>
</HEAD>地址（3修1C:\html\Examplel.htm
<BODY>
<P>盡情享受學(xué)習(xí)的快樂(lè)!!!
</BODY>歡迎來(lái)到JavaScript世界
</HTML>
盡情享受學(xué)習(xí)的快樂(lè)|||
示例：內(nèi)嵌腳本.htm
使用外部JS文件
TR4
?"卜即JavaScript文件可以鏈接到HTML文
中
?$CRIPT標(biāo)簽的SRC（源文件）屬性可用
于包括此外部文件工
<scriptlanguage="JavaScript”
src="文件名Js">v/script>
示例：外掛腳本.htm包頭軟件人才修句1bp
使用外部JS文件
JavaScript代碼(test.htm)
<HTML>
<HEAD>
〈TITLED更用外部文件*/TITLE〉
<SCRIPTSRC="test.js"></SCRIPT>
</HEAD>
<BODY>
vP>以上文本是通過(guò)訪問(wèn)外部JavaScript文件JavaScript代4馬(te
</BODY>documentwrite(“喂！你好
</HTML>
包頭軟件A才修他由y
使用內(nèi)嵌還是外部js
安全性
輕易查看到源代碼
代碼維護(hù)
js代碼放置在多個(gè)頁(yè)面，難維護(hù)
緩存'
設(shè)置緩存外部js文件，多個(gè)頁(yè)面共用
同一個(gè)js文件只需下載一次，加快訪問(wèn)速度。
否則增加頁(yè)面的大小，增加下載時(shí)間。
答案：大量js代碼不應(yīng)內(nèi)嵌在HTML文件申靖苗勒
變量
名必須以字母、下劃線（“「）或$開(kāi)
?其后可以包含字母、數(shù)字、下劃線或美元
符號(hào)
?JavaScript區(qū)分大小寫，即變量myVar>
myVAR和myvar是不同的變量
-變量是弱類型
包頭軟件A才修句施力
聲明變量
量賦值
a;a=10;
‘War"-用于聲明變量的關(guān)鍵字
a”-變量名
同時(shí)聲明和初始化變量
vara=10;
聲明多個(gè)變量
varx,y,z=10;
包頭貌仔A才嬉他悔2
示例：聲明變量.htm
變量的命名規(guī)則、約定
F首字符必須是字母、下劃線、美元符號(hào)
-余下的字符可以是下劃線、美元符號(hào)、任何字母
或數(shù)字
?約定k
-Camel
-Pascal
-匈牙利類型
包頭就《牛A才檐制相p
關(guān)鍵字和保留字
ECMA-262定義了ECMAScript支持的
一套關(guān)鍵字(keyword)和定義了一
套保留字(reservedword)。
?根據(jù)規(guī)定，關(guān)鍵字是保留的，保留字
在某種意義上是為將來(lái)的關(guān)鍵字而保
留的單詞，都不能用作變量名或函數(shù)
名。
包頭軌/牛A才嬉他密p
原始值和引用值
源始值(primitivevalue)是存儲(chǔ)在棧
(stack)中的簡(jiǎn)單數(shù)據(jù)段，也就是說(shuō)，它
們的值直接存儲(chǔ)在變量訪問(wèn)的位置O
?引用值(referencevalue)是存儲(chǔ)在堆
(heap)中的對(duì)象，也就是說(shuō)，存儲(chǔ)在變
量處電值是一個(gè)指針(point),指向存儲(chǔ)
對(duì)象的內(nèi)存處。
包頭軟件A才嬉封稱p
原始類型
^^^^CMAScript有5種原始類型
?Undefined類型
?Null類型
?Boolean類型
?Number類型
?String類型
可通過(guò)type。侏判斷屬于哪種類型
包頭軟件A才嬉包角p
示例：undefined類型.htm
轉(zhuǎn)換
SrM
贏桀蕤成字符串—toString()
換成數(shù)字一parselnt()^nparseFloat()
?強(qiáng)制類型轉(zhuǎn)換
Boolean(value)一把給定的值轉(zhuǎn)換成布爾型
Number(value)一把給定的值轉(zhuǎn)換成數(shù)字
String(value)一把給定的值轉(zhuǎn)換成字符串
示例：類型轉(zhuǎn)換.htm包頭軟件A才修包角2
一元運(yùn)算符
delete
-刪除對(duì)以前對(duì)象定義的屬性或方法的引
用
?void
-void運(yùn)算符對(duì)任何值都返回undefined。
?前增量/前減量運(yùn)算符
?后增量/后減量運(yùn)算符
包頭軟件A才嬉句比p
?示例：一元運(yùn)
運(yùn)算符
:運(yùn)算說(shuō)明示例
【符
+加a=5+8
■減a=8-5
/除a=20/5
*乘a=5*19
%取模一兩個(gè)數(shù)相除的余數(shù)10%3=1
++兀自加。該運(yùn)算符帶一將返回X自加運(yùn)
個(gè)操作數(shù)，將操作數(shù)的值算后的值。
加1。返回的值取決于++X++將返回X自
運(yùn)算符位于操作數(shù)的前面加運(yùn)算前的值
或是后面
■■一元自減。該運(yùn)算符只帶-x將返回X自減
一個(gè)操作數(shù)。返回的值取運(yùn)算后的值。
決于-運(yùn)算符位于操作數(shù)X-將返回X自減
"l斗f#曰匚二f二雇中告上"t/士
比較運(yùn)算符
運(yùn)算符值說(shuō)明
小于(V)expri<expr2只有當(dāng)expri小于expr2時(shí)，才返回
真。否則，返回假。
大于(>)expri>expr2只有當(dāng)expri打于expr2時(shí)，才返回
真。否則，返回假。
小于等于(<=)expri<=expr2只有當(dāng)expri小于等于expr2時(shí)，才
返回真。否則，返回假。
大于等于(>=)expri>=expr2只有當(dāng)expri大于等于expr2時(shí)，才
返回真。否則，返回假。
包頭觸/牛A才佳他也P
「運(yùn)算符
1
6
1茸承符
運(yùn)算符值說(shuō)明
與（&&）expri&&expr2只有當(dāng)expri和expr2同為真時(shí)，才返
回真。否則，返回假。
或（II）expri||expr2如果其中一個(gè)表達(dá)式為真，或兩個(gè)表達(dá)
式同為真，則返回真。否則，返回假。
非(1)!expr如果表達(dá)式為真，則返回假。如果為假,
則返回真。
包頭軟件A才嬉利秀p
等性運(yùn)算符
運(yùn)算符值說(shuō)明
==（雙等號(hào)）expri==expr2只有當(dāng)expri和expr2相同時(shí)，才返
回真。否則，返回假。
!=（非等號(hào)）expri!=expr2只有當(dāng)expri和expr2不相同時(shí)，才
返回真。否則，返回假。
===（全等號(hào)）不執(zhí)行類型轉(zhuǎn)換只有當(dāng)expri和expr2相同時(shí)，才返
回真。否則，返回假。
!==（非全等號(hào)）不執(zhí)行類型轉(zhuǎn)換只有當(dāng)expri和expr2不相同時(shí)，才
返回真。否則，返回假。
示例：全等運(yùn)~.htm包頭軟件A才嬉句方p
條件運(yùn)算符
?奧耍ble;布爾表達(dá)式?真的取值：假的取值
J
一例如：varnumberl=1<2?,5apple,,:,,orange";
示例：條件運(yùn)~1.HTM包頭軟件A才修句走p
附值運(yùn)算符
法/賦值
卜除法/賦值
,取模/賦值（％二）;
?加法/賦值（+=）;
,減法/賦值（-=）;
包頭軟件A才嬉包比p
語(yǔ)句
If語(yǔ)句
跌代語(yǔ)句
有標(biāo)簽的語(yǔ)句
break和continue語(yǔ)句
switch語(yǔ)句
with語(yǔ)句
包頭軟件A才嬉封去p
if語(yǔ)句
隨句用于測(cè)試條件。
語(yǔ)法:
if（條件）
JavaScript代碼;
}
如果要執(zhí)行多個(gè)語(yǔ)句，必須將這些語(yǔ)句放在一對(duì)大括號(hào)（｛｝）內(nèi)。
但如果只要執(zhí)行一個(gè)語(yǔ)句，則可以省略大括號(hào)
y
包頭貌仔A才嬉句兔p
示例：if語(yǔ)句.htm
跌代語(yǔ)句-1
Oc?whila語(yǔ)句
do
（
JavaScript代碼；
}while（條件）
?while語(yǔ)句
while
JavaScript代碼;
}
示例：dowhile語(yǔ)句.htmwhile語(yǔ)句樹(shù)人力"29
跌代語(yǔ)句-2
,?
f
ro
1?for語(yǔ)句語(yǔ)
句
for（初始值；表達(dá)式；表達(dá)式）.
h
f
JavaScript代碼;m
}
for(屬性in表達(dá)式)
F
(O
JavaScript代碼;R
-
}N
1
例如：for(sporpinwindow)1
.
(H
alert(sporp);蛆
)M
with語(yǔ)句
th語(yǔ)句用于設(shè)置代碼在特定對(duì)象中的作用
域。
with(表達(dá)式)
(
JavaScript代碼;
}
例如：varsMessage="hell。world”
with(sMessage)
(
alert(tollpperCase());
)
示例：With語(yǔ)句.htm包頭軟件A才修他由y
switch語(yǔ)句
switch（表達(dá)式）
case常量1:
JavaScript語(yǔ)句;
break;
case常量2:
JavaScript語(yǔ)句;
break;
default:
JavaScript語(yǔ)句;
}
示例：SWITCH~1.HTM包頭軟件A才嬉句初p
函數(shù)
函數(shù)是由關(guān)鍵字function、函數(shù)名加一組
參數(shù)以及置于括號(hào)中的要執(zhí)行的代碼聲
明的。
?基本語(yǔ)法
functi
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年度房產(chǎn)買賣定金監(jiān)管與交易進(jìn)度合同4篇
- 2025今致人力（精英）企業(yè)人才引進(jìn)與配置服務(wù)合同2篇
- 個(gè)性化全新勞動(dòng)協(xié)議模板（2024）一
- 2025年智能路燈系統(tǒng)采購(gòu)與安裝工程合作協(xié)議2篇
- 二零二五年度全屋定制家具安裝服務(wù)合同2篇
- 2025年度道路照明設(shè)施智能照明控制技術(shù)合同4篇
- 2025年商用打印機(jī)銷售與維護(hù)一體化服務(wù)合同3篇
- 2025年度二零二五安保員聘用及網(wǎng)絡(luò)安全防護(hù)合同3篇
- 現(xiàn)代教育中學(xué)生學(xué)習(xí)心理分析
- 教育資源的合理配置與學(xué)生學(xué)習(xí)效果的關(guān)聯(lián)
- 銀行2025年紀(jì)檢工作計(jì)劃
- 注射泵管理規(guī)范及工作原理
- 國(guó)潮風(fēng)中國(guó)風(fēng)2025蛇年大吉蛇年模板
- 故障診斷技術(shù)的國(guó)內(nèi)外發(fā)展現(xiàn)狀
- 2024年發(fā)電廠交接班管理制度（二篇）
- 農(nóng)機(jī)維修市場(chǎng)前景分析
- HG+20231-2014化學(xué)工業(yè)建設(shè)項(xiàng)目試車規(guī)范
- 匯款賬戶變更協(xié)議
- 蝦皮shopee新手賣家考試題庫(kù)及答案
- 四川省宜賓市2023-2024學(xué)年八年級(jí)上學(xué)期期末義務(wù)教育階段教學(xué)質(zhì)量監(jiān)測(cè)英語(yǔ)試題
- 價(jià)值醫(yī)療的概念 實(shí)踐及其實(shí)現(xiàn)路徑
評(píng)論
0/150
提交評(píng)論