HTML5教案第15講 JavaS概述

web前端開發(fā)JavaScript概述（教案）教學(xué)內(nèi)容及教學(xué)過(guò)程說(shuō)明步驟一問(wèn)題引入你置身網(wǎng)絡(luò)時(shí)經(jīng)常需要將需求告知網(wǎng)絡(luò)，如何利用網(wǎng)頁(yè)將信息傳遞給網(wǎng)絡(luò)，并得到想要的答案呢？問(wèn)題1：簡(jiǎn)述如何在網(wǎng)絡(luò)上注冊(cè)某網(wǎng)站的用戶？回答1：。問(wèn)題2：如何作為用戶登錄網(wǎng)站？回答2：。步驟二講授6.1認(rèn)識(shí)JavaScript概述6.1.1JavaScript概述JavaScript最初由Netscape的BrendanEich設(shè)計(jì)。JavaScript是甲骨文公司的注冊(cè)商標(biāo)。Ecma國(guó)際以JavaScript為基礎(chǔ)制定了ECMAScript標(biāo)準(zhǔn)。JavaScript也可以用于其他場(chǎng)合，如服務(wù)器端編程。完整的JavaScript實(shí)現(xiàn)包含三個(gè)部分：ECMAScript，文檔對(duì)象模型，瀏覽器對(duì)象模型。JavaScript是一種屬于網(wǎng)絡(luò)的腳本語(yǔ)言，已經(jīng)被廣泛用于Web應(yīng)用開發(fā)，常用來(lái)為網(wǎng)頁(yè)添加各式各樣的動(dòng)態(tài)功能，為用戶提供更流暢美觀的瀏覽效果。通常，JavaScript腳本是通過(guò)嵌入在HTML中來(lái)實(shí)現(xiàn)自身的功能的。JavaScript有以下四個(gè)特點(diǎn)。JavaScript是一種解釋性腳本語(yǔ)言（代碼不進(jìn)行預(yù)編譯）。JavaScript主要用來(lái)向HTML頁(yè)面添加交互行為。JavaScript可以直接嵌入HTML頁(yè)面，但寫成單獨(dú)的js文件有利于結(jié)構(gòu)和行為的分離。JavaScript有跨平臺(tái)特性，在絕大多數(shù)瀏覽器的支持下，可以在多種平臺(tái)下運(yùn)行（如Windows、Linux、Mac、Android、iOS等）。6.1.2JavaScript的語(yǔ)法(1)在JavaScript的每一條語(yǔ)句后面都要加上分號(hào)，表示當(dāng)前語(yǔ)句結(jié)束。alert("迎來(lái)到JavaScript世界");(2)在JavaScript語(yǔ)句中要用英文狀態(tài)輸入所有的關(guān)鍵字和符號(hào)。alert("你好JavaScript");//正確alert(“你好JavaScript”);//雙引號(hào)是中文符號(hào)運(yùn)行時(shí)出錯(cuò)，無(wú)法識(shí)別(3)在JavaScript中區(qū)分大小寫。Alert與alert是不同的??！第一個(gè)JavaScript程序<script> console.log("JavaScript第一個(gè)程序");//控制臺(tái)輸出雙引號(hào)內(nèi)的內(nèi)容</script>JavaScript調(diào)試方法用Chrome瀏覽器打開文件，按下F12鍵，打開調(diào)試控制臺(tái)。6.1.3JavaScript的關(guān)鍵字JavaScript的關(guān)鍵字是指在JavaScript語(yǔ)言中有特定含義的成為JavaScript語(yǔ)法中一部分的那些字。JavaScript的關(guān)鍵字是不能作為變量名和函數(shù)名使用的。使用JavaScript的關(guān)鍵字作為變量名或函數(shù)名，會(huì)使JavaScript在載入過(guò)程中出現(xiàn)編譯錯(cuò)誤。break case catch continue defaultdelete do else finally forfunction if in instanceof newreturn switch this throw trytypeof var void while with6.1.4JavaScript的變量變量在程序設(shè)計(jì)中用于“指代”數(shù)據(jù)類型中的數(shù)據(jù)，用于存儲(chǔ)程序中變化的數(shù)據(jù)，供程序運(yùn)行臨時(shí)使用。也就是說(shuō)，在計(jì)算機(jī)內(nèi)存中開辟一塊空間，臨時(shí)存儲(chǔ)數(shù)據(jù)。變量是存儲(chǔ)信息的“代言人”。(1)變量的命名JavaScript中的命名規(guī)則必須符合“標(biāo)識(shí)符命名規(guī)則”：只能由字母、數(shù)字、下劃線和$符號(hào)構(gòu)成，不能由數(shù)字開頭。根據(jù)這個(gè)規(guī)則，下面變量的命名都是合法的。Abc_abc$abca_bca_9雖然上面的變量都是合法的，但是在實(shí)際應(yīng)用中沒(méi)有意義，有經(jīng)驗(yàn)的開發(fā)者都會(huì)用有意義的英文單詞或者字母組合，如studentScore，這種命名方法稱為“駝峰命名法”，即多個(gè)單詞組合的變量名，第一個(gè)單詞的首個(gè)字母小寫，后面所有單詞的首個(gè)字母都是大寫。(2)變量的定義和賦值JavaScript中用關(guān)鍵字var定義變量，例如：vara=3;//定義并賦值變量或者定義變量分為兩個(gè)語(yǔ)句vara;a=3;console.log(a);//在控制臺(tái)輸出變量名稱為a的值在JavaScript中如果同時(shí)定義多個(gè)變量時(shí)，變量名間用,分隔開。,是并列的含義。vara,b,c;或者vara=2,b=4,c;6.2JavaScript的數(shù)據(jù)類型6.2.1JavaScript的五種基本數(shù)據(jù)類型在JavaScript中，數(shù)據(jù)類型表示數(shù)據(jù)的類型，聲明變量時(shí)無(wú)需指定變量的數(shù)據(jù)類型。JavaScript變量的數(shù)據(jù)類型是解釋時(shí)動(dòng)態(tài)決定的。但是JavaScript的值是以某種數(shù)據(jù)類型保存在內(nèi)存中的。JavaScrip基本數(shù)據(jù)類型。數(shù)值類型。與強(qiáng)類型語(yǔ)言如C、Java不同，JavaScript的數(shù)值類型包含整數(shù)、小數(shù)以及特殊值NaN（NotaNumber不是一個(gè)數(shù)字，但是他是數(shù)字類型，可以理解為計(jì)算錯(cuò)誤）和infinity都稱為number類型。字符串類型。JavaScript的字符串必須用引號(hào)括起來(lái)，此處的引號(hào)既可以是單引號(hào)，也可以是雙引號(hào)。vara="123";vara='123';布爾類型。布爾類型只有兩個(gè)值：true和false。true為真，表示滿足條件；false：為假，表示不滿足條件。true和false本身就是數(shù)值不能加引號(hào)，如果添加引號(hào)就被作為字符串使用。undefined類型。一個(gè)沒(méi)有被賦值的變量的默認(rèn)值是undefined，undefined值的類型是undefined，該值用于表示某個(gè)變量不存在，或者沒(méi)有為其分配值，也用于表示對(duì)象的屬性不存在。6.2.2JavaScript類型判斷typeof一元運(yùn)算符返回表示操作數(shù)類型的字符串。Typeof可以獲取一個(gè)變量或者表達(dá)式的類型。6.2.3類型轉(zhuǎn)換String（變量）。此方法可將變量轉(zhuǎn)化為字符串型。Number（變量）。法可將變量轉(zhuǎn)化為數(shù)值型。（1）paresFloat（變量）。此方法可將變量轉(zhuǎn)化為浮點(diǎn)型。（2）paresInt（變量）。此方法可將變量轉(zhuǎn)化為整型。（3）Boolean（變量）。此方法可將變量轉(zhuǎn)化為布爾型。Boolean型只有true和false兩個(gè)值，當(dāng)變量我數(shù)值型時(shí)，非零為true，零為false，即非零即真；當(dāng)變量為字符串型時(shí)，非空為true，空為false。6.4綜合練習(xí)將小數(shù)3.14分別轉(zhuǎn)化為字符型、布爾型、整形；將'abc'轉(zhuǎn)化為數(shù)值型、布爾型；將null分別轉(zhuǎn)化為數(shù)值型、字符型和布爾型，總結(jié)強(qiáng)制轉(zhuǎn)化的規(guī)律。步驟三課堂小結(jié)1．基本語(yǔ)法2．?dāng)?shù)據(jù)類型及其轉(zhuǎn)換重點(diǎn)理解數(shù)據(jù)類型及其轉(zhuǎn)化方法步驟四作業(yè)問(wèn)題引入第1題（2）課后作業(yè)1.typeof獲取值或變量的類型。2.不同方法轉(zhuǎn)換數(shù)據(jù)類型的區(qū)別。通過(guò)生活實(shí)例