【正文】 ASP程序設(shè)計(jì)課件 2022 年 12 月 中國(guó)水利水電出版社 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語(yǔ)言 本章導(dǎo)讀 本章導(dǎo)讀： JavaScript是一種基于對(duì)象和事件驅(qū)動(dòng)并具有安全性能的腳本描述語(yǔ)言 。 利用 JavaScript可進(jìn)一步增強(qiáng)網(wǎng)頁(yè)的人機(jī)交互性 、方便操作和控制各種瀏覽器對(duì)象 ， 實(shí)現(xiàn)控制瀏覽器外觀 、 狀態(tài)和運(yùn)行方式的目的 ， 從而減輕服務(wù)器端負(fù)擔(dān) 。 本章要點(diǎn)： ? ※ 數(shù)據(jù)類型 ? ※ 常量和變量 ? ※ 運(yùn)算符 ? ※ 內(nèi)置對(duì)象與函數(shù) ? ※ 程序結(jié)構(gòu) ? ※ 瀏覽器對(duì)象 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語(yǔ)言 JavaScript的語(yǔ)法特性 JavaScript腳本語(yǔ)法結(jié)構(gòu) JavaScript語(yǔ)言概述 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語(yǔ)言 ⑴ JavaScript的字母區(qū)分大小寫的； ⑵ JavaScript語(yǔ)句一般以分號(hào)（ 。）作為結(jié)束符； ⑶一條語(yǔ)句可以寫在多行，一條語(yǔ)句寫在多行時(shí)用續(xù)行符斜杠（ /）；多條語(yǔ)句也可以寫在一行，多條語(yǔ)句寫在一行時(shí)，每條語(yǔ)句一定要加結(jié)束符分號(hào) (。) ⑷ JavaScript的注釋符號(hào)包括多行注釋符 /*和 */和單行注釋符號(hào) //； ⑸分支結(jié)構(gòu)、循環(huán)結(jié)構(gòu)、自定義函數(shù)等程序段包含多條語(yǔ)句時(shí)稱為語(yǔ)句塊，應(yīng)該置于一對(duì)大括號(hào)內(nèi) {}內(nèi)； ⑹ JavaScript忽略程序中的空格、換行和制表符，除非這些符號(hào)是字符串或正則表達(dá)式中的一部分 . JavaScript的語(yǔ)法特性 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語(yǔ)言 JavaScript腳本的嵌入位置和運(yùn)行方式都比較自由， 既可以直接嵌入當(dāng)前文檔，又可以獨(dú)立存放在外部文件中， 運(yùn)行方式既可以直接運(yùn)行，也可以根據(jù)需要伴隨事件運(yùn)行。 其基本格式如下： 1．直接嵌入，直接運(yùn)行。 通過 標(biāo)記對(duì)直接嵌入在當(dāng)前文件中。 2．外部引入，直接運(yùn)行。 將 JavaScript程序以擴(kuò)展名“ .js”的文件單獨(dú)存放，再利用script標(biāo)記的 src屬性引入外部文件，其語(yǔ)法格式如下： JavaScript腳本語(yǔ)法結(jié)構(gòu) 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語(yǔ)言 3．直接嵌入，事件觸發(fā)。 通過事件觸發(fā)方式執(zhí)行 JavaScript的方法或函數(shù)主要有兩種： 一種是在 HTML標(biāo)記的屬性中設(shè)置 JavaScript的事件處理函數(shù)，事件被視為 HTML標(biāo)記的屬性 。如下格式所示： input type=text name=Text1 value=鼠標(biāo)點(diǎn)擊 onclick=javascript:alert(39。鼠標(biāo)已點(diǎn)擊文本框 !39。) JavaScript腳本語(yǔ)法結(jié)構(gòu) 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語(yǔ)言 另一種在 JavaScript對(duì)象的屬性中設(shè)置JavaScript的事件處理函數(shù)，事件被視為JavaScrip對(duì)象的屬性。 function showAlert(){ username=。 if (username==39。39。) { alert(用戶名不能為空 )。} } = showAlert。 JavaScript腳本語(yǔ)法結(jié)構(gòu) 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語(yǔ)言 JavaScript數(shù)據(jù)類型 JavaScript常量 JavaScript變量 JavaScript運(yùn)算符 運(yùn)算符號(hào)的優(yōu)先級(jí) JavaScript的數(shù)據(jù)結(jié)構(gòu) 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語(yǔ)言 JavaScript語(yǔ)言是一種弱類型的腳本語(yǔ)言，數(shù)據(jù)類型通常分為六種： ⑴數(shù)值型：即 Number，由 0~9的數(shù)字字符，正負(fù)號(hào)，小數(shù)點(diǎn)組成，如 、 。 ⑵邏輯型：即 Boolean，只包括 true（真）和 false（假）兩個(gè)值，在 JavaScript中，整數(shù) 0約定為false，非 0整數(shù)約定為 true。 ⑶字符型：即 String，是用單引號(hào)或雙引號(hào)定界的字符串序列，字符包括英文、漢字、空格或數(shù)字。 JavaScript數(shù)據(jù)類型 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語(yǔ)言 ⑷ 對(duì)象型：即 Object，對(duì)象是方法和屬性的集合體。 ⑸未定型：即 Undefined，一個(gè)已經(jīng)聲明但還沒有賦值的變量，或者表示一個(gè)對(duì)象的屬性根本不存在。 ⑹空值型：即 Null，表示變量沒有值或不是一個(gè)對(duì)象，即什么也不是。在 JavaScript中 typeof 運(yùn)算符將報(bào)告 null 值為 Object 類型 注：可用 typeof運(yùn)算符測(cè)試一個(gè)數(shù)據(jù)的類型 。 JavaScript數(shù)據(jù)類型 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語(yǔ)言 根據(jù)數(shù)據(jù)類型的不同，常量可分為 : ? 數(shù)值型常量 ? 字符型常量 ? 邏輯型常量 ? 轉(zhuǎn)義字符 JavaScript常量 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語(yǔ)言 對(duì)變量的聲明未作強(qiáng)制性規(guī)定?？梢圆宦暶鳎苯淤x值使用；也可以先聲明，后賦值使用，聲明的同時(shí)還可以賦值。聲明多個(gè)變量時(shí)，變量名之間用逗號(hào)（ ,）隔開。 JavaScript用 var命令聲明變量，并且無須指明數(shù)據(jù)類型，其數(shù)據(jù)類型由變量值的類型決定的，變量命名必須以字母（大小寫均可）、下劃線 (_)或美元符 ($)開頭，變量名稱不能使用 Javascript語(yǔ)法保留的關(guān)鍵字。 JavaScript變量 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語(yǔ)言 JavaScript腳本提供了極其豐富的運(yùn)算符，包括賦值、條件、算術(shù)、字符連接、關(guān)系、邏輯和位運(yùn)算符。 1. 條件運(yùn)算符 JavaScript運(yùn)算符 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語(yǔ)言 JavaScript運(yùn)算符 《 ASP程序設(shè)計(jì) 》 —— 第四章 JavaScript腳本語(yǔ)言