項(xiàng)目1搭建智慧公寓網(wǎng)站首頁任務(wù)1-2使用JavaScript基礎(chǔ)語法實(shí)現(xiàn)動(dòng)態(tài)顯示時(shí)間1HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)任務(wù)效果

HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)知識(shí)儲(chǔ)備變量與常量：變量的定義、變量的聲明與賦值、變量的命名規(guī)則以及常量的聲明與賦值等數(shù)據(jù)類型：數(shù)據(jù)類型分類與數(shù)據(jù)類型檢測(cè)表達(dá)式與運(yùn)算符：表達(dá)式分類與運(yùn)算符分類函數(shù)：JavaScript內(nèi)置函數(shù)與自定義函數(shù)的定義與調(diào)用BOM：window對(duì)象的常用方法和屬性HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.1變量和常量1.變量（1）聲明變量vara;//聲明變量但未初始化賦值varaa='HelloWorld!';//聲明變量且初始化賦值letb='HelloJavaScript!';//聲明變量且初始化賦值ECMAScript6新增的let命令聲明變量時(shí)，其用法與var命令類似。但let命令聲明的變量具有塊級(jí)作用域，不存在變量提升機(jī)制，可產(chǎn)生暫時(shí)性死區(qū)效果，不可在同一作用域下重復(fù)聲明同名變量。HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.1變量和常量1.變量（2）變量的命名規(guī)則變量名不能是JavaScript的關(guān)鍵字或保留字。HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.1變量和常量1.變量（2）變量的命名規(guī)則第1個(gè)字符，可以是任意字母、下畫線（_）、美元符（$）。第2個(gè)字符及后面的字符，除了字母、下畫線（_）和美元符（$），還可以用數(shù)字0~9。中文也是合法的變量名，但在變量命名中應(yīng)盡量避免使用。HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.1變量和常量2.常量在JavaScript編程中，常量是那些一旦賦值后就不能被重新修改的數(shù)據(jù)。在JavaScript中，常量的聲明通常使用const命令。與變量不同，const命令聲明的常量不可改變，且必須在聲明的同時(shí)對(duì)常量進(jìn)行初始化賦值。在JavaScript中聲明常量的語法格式如下所示。consta=10;HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.2數(shù)據(jù)類型基本數(shù)據(jù)類型：數(shù)字（Number）、布爾（Boolean）、字符串（String）、Null與Undefined；引用數(shù)據(jù)類型：對(duì)象（Object）數(shù)組（Array）和函數(shù)（Function）；HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.2數(shù)據(jù)類型（1）number：在JavaScript中，number類型用于表示數(shù)字類型的數(shù)據(jù)，它能夠存儲(chǔ)數(shù)字。varfoo=123;//數(shù)字類型的整型varbar=3.14;//數(shù)字類型的浮點(diǎn)型（2）Boolean：在JavaScript中，Boolean類型用于表示布爾值類型。布爾值只有兩個(gè)可選值：真值（true）和假值（false），表示事物的“真”和“假”。varfoo1=true;//為變量foo1賦一個(gè)布爾類型的值truevarfoo2=false;//為變量foo2賦一個(gè)布爾類型的值falseHTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.2數(shù)據(jù)類型（3）String：字符串由零個(gè)或者多個(gè)字符構(gòu)成，字符包括字母、數(shù)字、標(biāo)點(diǎn)符號(hào)和空格，它是JavaScript用來表示文本的數(shù)據(jù)類型。字符串必須放在單引號(hào)('')或者雙引號(hào)("")中，字符串的引號(hào)必須用半角字符，且字符串必須寫在一行中。varfoo1='hello';//字符串類型varfoo2="123";//字符串類型【例1-10】使用字符串引號(hào)演示字符串引號(hào)的多種使用方法HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.2數(shù)據(jù)類型2.數(shù)據(jù)類型檢測(cè)JavaScript提供的typeof操作符進(jìn)行數(shù)據(jù)類型檢測(cè)，typeof操作符將以字符串形式返回檢測(cè)結(jié)果。typeof需要進(jìn)行數(shù)據(jù)類型檢測(cè)的數(shù)據(jù);typeof(需要進(jìn)行數(shù)據(jù)類型檢測(cè)的數(shù)據(jù)1,需要進(jìn)行數(shù)據(jù)類型檢測(cè)的數(shù)據(jù)2...);【例1-11】使用typeof檢測(cè)數(shù)據(jù)類型，演示使用typeof操作符檢測(cè)數(shù)據(jù)類型HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.3表達(dá)式與運(yùn)算符1.表達(dá)式（1）主表達(dá)式最簡(jiǎn)單的表達(dá)式稱為主表達(dá)式(PrimayExpression)，即那些獨(dú)立存在，不再包含更簡(jiǎn)單表達(dá)式的表達(dá)式。a//表達(dá)式a3.14//表達(dá)式3.14'JavaScript'//表達(dá)式'JavaScript'true//表達(dá)式truefalse//表達(dá)式falsenull//表達(dá)式nullHTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.3表達(dá)式與運(yùn)算符1.表達(dá)式（2）復(fù)雜表達(dá)式復(fù)雜表達(dá)式由簡(jiǎn)單表達(dá)式及運(yùn)算符構(gòu)成，主要包括賦值表達(dá)式、算術(shù)表達(dá)式、字符串表達(dá)式等，語法格式如下所示。1+1//算術(shù)表達(dá)式letsum=1+1;//賦值表達(dá)式：將表達(dá)式1+1的值賦值給變量sumletgreeting="Hello,"+"world!";//字符串表達(dá)式HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.3表達(dá)式與運(yùn)算符2.運(yùn)算符對(duì)存儲(chǔ)在變量中的數(shù)據(jù)執(zhí)行各種運(yùn)算操作需要使用運(yùn)算符，這些運(yùn)算符能夠指導(dǎo)程序執(zhí)行特定的運(yùn)算或邏輯操作。本節(jié)將介紹JavaScript中常用的算術(shù)運(yùn)算符、賦值運(yùn)算符、比較運(yùn)算符、邏輯運(yùn)算符與三元運(yùn)算符等。HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.3表達(dá)式與運(yùn)算符2.運(yùn)算符（1）算術(shù)運(yùn)算符用于執(zhí)行基本的數(shù)學(xué)運(yùn)算，如加法、減法、乘法、除法等。HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.3表達(dá)式與運(yùn)算符2.運(yùn)算符（2）賦值運(yùn)算符：簡(jiǎn)單賦值與復(fù)合賦值運(yùn)算符1）簡(jiǎn)單賦值運(yùn)算符：將賦值運(yùn)算符（=）右邊表達(dá)式的值保存到左邊的變量中vara=1;//簡(jiǎn)單賦值運(yùn)算符2）復(fù)合賦值運(yùn)算符：結(jié)合了賦值和算術(shù)運(yùn)算或位運(yùn)算的功能，例如，+=、-=、*=、/=、%=vara=1;a+=4;//復(fù)合賦值運(yùn)算符，等價(jià)于a=a+4;HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.3表達(dá)式與運(yùn)算符2.運(yùn)算符（3）比較運(yùn)算符比較運(yùn)算符用于比較兩個(gè)值，返回一個(gè)布爾值，表示是否滿足比較條件。滿足條件則返回true，不滿足條件則返回false。HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.3表達(dá)式與運(yùn)算符2.運(yùn)算符（4）邏輯運(yùn)算符邏輯運(yùn)算符常用于對(duì)布爾型的數(shù)據(jù)進(jìn)行操作，當(dāng)操作數(shù)都是布爾值時(shí)，返回值也是布爾值；當(dāng)操作數(shù)不是布爾值時(shí)，運(yùn)算符“&&”和“！”的返回值就是一個(gè)特定的操作數(shù)的值。HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.4函數(shù)函數(shù)用于封裝一段完成特定功能的代碼，相當(dāng)于將包含一條或多條語句的代碼塊“包裹”起來，用戶在使用時(shí)只需關(guān)心參數(shù)和返回值，就能完成特定的功能。JavaScript中函數(shù)分為內(nèi)置函數(shù)（也叫系統(tǒng)函數(shù)）和自定義函數(shù)。HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.4函數(shù)1.內(nèi)置函數(shù)：可以直接使用的函數(shù)，常用內(nèi)置函數(shù)：數(shù)學(xué)函數(shù)、字符串處理函數(shù)以及日期處理函數(shù)。（1）數(shù)學(xué)函數(shù)用于執(zhí)行各種數(shù)學(xué)運(yùn)算和操作【例1-15】使用Math.max()方法和Math.min()方法計(jì)算一組數(shù)“1,3,8,55”的最大值和最小值。HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.4函數(shù)1.內(nèi)置函數(shù)（2）字符串函數(shù)用于執(zhí)行各種數(shù)學(xué)運(yùn)算和操作【例1-16】使用concat()方法連接字符串“Java”和“Script”。HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.4函數(shù)1.內(nèi)置函數(shù)（3）日期函數(shù)日期函數(shù)主要分為獲取日期和時(shí)間的函數(shù)與設(shè)置日期和時(shí)間的函數(shù)。HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.4函數(shù)1.內(nèi)置函數(shù)（3）日期函數(shù)【例1-17】使用JavaScript內(nèi)置的日期函數(shù)設(shè)置和獲取日期，并將獲取到的日期渲染到頁面中。HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.4函數(shù)2.自定義函數(shù)（1）自定義函數(shù)function函數(shù)名([參數(shù)1,參數(shù)2,…]){函數(shù)體}在上述語法格式中，函數(shù)是由function關(guān)鍵字、函數(shù)名、參數(shù)和函數(shù)體4部分組成的。其中function關(guān)鍵字是定義函數(shù)的關(guān)鍵字；函數(shù)名中可以包含字母、數(shù)字、下畫線（_）和美元符號(hào)（$），但不能以數(shù)字開頭，也不能是JavaScript的保留關(guān)鍵字；parameters是傳遞給函數(shù)的參數(shù)列表，參數(shù)是外界傳遞給函數(shù)的值，此時(shí)的參數(shù)稱為形參，它是可選的，多個(gè)參數(shù)之間使用“,”分隔；函數(shù)體是花括號(hào){}包裹的代碼塊，其中包含了實(shí)現(xiàn)函數(shù)功能的所有代碼。HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題

新增多個(gè)新特性

（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）

用戶優(yōu)先原則

化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.4函數(shù)2.自定義函數(shù)（2）調(diào)用自定義函數(shù)當(dāng)函數(shù)定義完成后，要想在程序中發(fā)揮函數(shù)的作用，需要調(diào)用這個(gè)函數(shù)。函數(shù)的調(diào)用非常簡(jiǎn)單，只需通過“函數(shù)名()”的方式即可調(diào)用，小括號(hào)中可以傳入?yún)?shù)。函數(shù)名稱([參數(shù)1,參數(shù)2,…])HTML5的優(yōu)勢(shì)

解決了跨瀏覽器的問題