版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
項(xiàng)目1搭建智慧公寓網(wǎng)站首頁(yè)HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)項(xiàng)目效果本項(xiàng)目需要我們實(shí)現(xiàn)一個(gè)智慧公寓網(wǎng)站的首頁(yè)特效，首頁(yè)內(nèi)包含導(dǎo)航欄渲染、可自動(dòng)輪播與手動(dòng)輪播的Banner圖、動(dòng)態(tài)展示的時(shí)間以及可顯示與隱藏的二級(jí)菜單。HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)學(xué)習(xí)內(nèi)容任務(wù)1-1
搭建JavaScript開發(fā)環(huán)境與渲染首頁(yè)信息任務(wù)1-2
使用JavaScript基礎(chǔ)語法實(shí)現(xiàn)動(dòng)態(tài)顯示時(shí)間任務(wù)1-3使用流程控制與數(shù)組實(shí)現(xiàn)自動(dòng)輪播的Banner圖任務(wù)1-4使用DOM與事件實(shí)現(xiàn)二級(jí)菜單的顯示與隱藏任務(wù)1-1搭建JavaScript開發(fā)環(huán)境與渲染首頁(yè)信息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ǔ)備初識(shí)JavaScriptJavaScript開發(fā)工具JavaScript代碼的3種引入方式JavaScript常用輸入與輸出語句HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.1.1初識(shí)JavaScript
JavaScript是一種輕量級(jí)、解釋型的Web開發(fā)語言，是可與HTML文件相融合的一種腳本語言。JavaScript起源：1991年8月6日，蒂姆·伯納斯·李（Tim·Berners·Lee），互聯(lián)網(wǎng)時(shí)代。
1994年12月，網(wǎng)景通信公司，網(wǎng)景導(dǎo)航者。1995年，網(wǎng)景公司聘請(qǐng)布蘭登·艾奇，JavaScript語言的雛形。1996年，網(wǎng)景導(dǎo)航者2.0瀏覽器中內(nèi)置JavaScript語言。網(wǎng)景公司將JavaScript語言提交至ECMA。JavaScript主導(dǎo)W3C的官方標(biāo)準(zhǔn)。HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.1.1初識(shí)JavaScript
JavaScript組成部分HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.1.1初識(shí)JavaScript
JavaScript的特點(diǎn)
（1）解釋型（2）可跨平臺(tái)（3）面向?qū)ο螅?）開源與免費(fèi)HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.1.2JavaScript開發(fā)工具HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.1.2JavaScript開發(fā)工具安裝VSCode插件
Chinese中文Vetur代碼高亮CodeRunner快捷運(yùn)行HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.1.2JavaScript開發(fā)工具HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.1.3JavaScript代碼的3種引入方式（1）行內(nèi)式<body><ahref="javascript:alert('野火燒不盡，春風(fēng)吹又生!')">單擊</div></body>（2）內(nèi)嵌式<body><script>alert("離離原上草,一歲一枯榮!")</script></body>（3）外鏈?zhǔn)?/Example1-3.html<body><scriptsrc="Example1-3.js"></script></body>//Example1-3.jsalert("離離原上草,一歲一枯榮!")HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.1.4JavaScript常用輸入與輸出語句（1）prompt()prompt()是JavaScript的一個(gè)輸入語句，它用于彈出一個(gè)帶有提示信息的輸入框，提示用戶輸入一段文本。prompt("請(qǐng)輸入公寓管理員賬戶名稱：");（2）alert()alert()語句主要用于在瀏覽器中彈出一個(gè)警告框，該對(duì)話框包含一個(gè)警告消息和一個(gè)“確定”按鈕。alert("這是一個(gè)警告框！");（3）document.write()document.write()是JavaScript中一個(gè)常用輸出語句，用于將文本內(nèi)容或HTML標(biāo)記寫入文檔中，實(shí)現(xiàn)在Web頁(yè)面加載時(shí)動(dòng)態(tài)生成內(nèi)容。document.write("<h1>爆竹聲中一歲除,春風(fēng)送暖入屠蘇!</h1>");（4）console.log()console.log()是JavaScript中一個(gè)非常有用的調(diào)試工具，它允許我們?cè)跒g覽器的控制臺(tái)或Node.js環(huán)境中輸出信息。console.log("這是一個(gè)console.log()語句！");HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)任務(wù)實(shí)施1．創(chuàng)建HTML文件2．創(chuàng)建JavaScript文件3．在瀏覽器中運(yùn)行程序具體代碼見例1-8HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)任務(wù)總結(jié)
通過本任務(wù)的實(shí)施，我們不僅搭建了JavaScript的開發(fā)環(huán)境，掌握了VSCode的基本使用，還學(xué)會(huì)了在HTML中引入JavaScript代碼，并成功利用JavaScript輸出語句在首頁(yè)渲染了歡迎信息。這為后續(xù)更復(fù)雜的JavaScript編程和Web開發(fā)打下了堅(jiān)實(shí)的基礎(chǔ)。未來，我們可以進(jìn)一步探索VSCode的高級(jí)功能，學(xué)習(xí)更多JavaScript編程技巧，實(shí)現(xiàn)更多復(fù)雜的Web應(yī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è)置和獲取日期，并將獲取到的日期渲染到頁(yè)面中。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ì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.4函數(shù)2.自定義函數(shù)（3）向自定義函數(shù)傳遞參數(shù)functionsum(a,b){returna+b;}sum(1,2);//調(diào)用函數(shù)，輸出結(jié)果：3（4）匿名函數(shù)：沒有名字的函數(shù)，也就是在定義函數(shù)時(shí)省略函數(shù)名。1）定義匿名函數(shù)varmyFunction=function(){console.log("這是一個(gè)匿名函數(shù)");//函數(shù)體};2）調(diào)用匿名函數(shù)//方法一：變量名()調(diào)用myFunction()//方法二：作為回調(diào)函數(shù)進(jìn)行調(diào)用setTimeout(function(){console.log("作為回調(diào)函數(shù)調(diào)用的匿名函數(shù)");},1000);//定義為立即執(zhí)行函數(shù)表達(dá)式進(jìn)行調(diào)用(function(){console.log("立即執(zhí)行的匿名函數(shù)");})();HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.2.5BOMBOM為JavaScript提供了獨(dú)立于內(nèi)容而與瀏覽器窗口進(jìn)行交互的對(duì)象。它主要用于管理窗口與窗口之間的通訊，其核心對(duì)象是window。作為BOM的核心對(duì)象，window提供了很多方法和屬性，用于控制瀏覽器窗口和與之交互。HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)任務(wù)實(shí)施在ch01文件夾創(chuàng)建一個(gè)Example1-20文件夾，并在該文件夾中使用VSCode創(chuàng)建一個(gè)Task2.html文件。
HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)任務(wù)總結(jié)在本任務(wù)實(shí)施過程中，采用了三元運(yùn)算符用以確保時(shí)、分、秒始終以兩位數(shù)顯示。以hours為例，當(dāng)hours的值小于10時(shí)，通過字符串拼接的方式在其前面添加一個(gè)“0”，實(shí)現(xiàn)兩位數(shù)的顯示；當(dāng)hours的值大于或等于10時(shí)，則保持原值不變。這種方式既簡(jiǎn)單又高效，能夠很好地滿足任務(wù)要求。代碼還包含了其他邏輯，如獲取當(dāng)前時(shí)間的邏輯和定時(shí)調(diào)用的邏輯等。這些邏輯共同協(xié)作，實(shí)現(xiàn)了時(shí)間的動(dòng)態(tài)顯示。總而言之，通過本次任務(wù)，不僅可以加強(qiáng)我們對(duì)JavaScript基礎(chǔ)語法知識(shí)的掌握，還能夠提升解決實(shí)際問題的能力。任務(wù)1-3使用DOM與事件實(shí)現(xiàn)二級(jí)菜單的顯示與隱藏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ǔ)備DOM：DOM簡(jiǎn)介、獲取元素集合、元素內(nèi)容與屬性操作事件基礎(chǔ)：事件概述、注冊(cè)事件、事件監(jiān)聽、事件對(duì)象、事件分類HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.3.1初識(shí)DOM1.DOM簡(jiǎn)介：
DOM是HTML和XML文檔的編程接口它賦予了文檔一個(gè)結(jié)構(gòu)化、層次化的表現(xiàn)形式。通過DOM，程序和腳本可以獲取元素以及操作元素內(nèi)容等。
DOM將整個(gè)文檔視作一棵層次分明的樹形結(jié)構(gòu)，這棵結(jié)構(gòu)化的樹被稱為文檔樹。HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.3.1初識(shí)DOM2.獲取元素集合（1）獲取DOM元素的方法
getElementById()、getElementsByTagName()、getElementsByName()、getElementsByClassName()、querySelector()、querySelectorAll()document.getElementById("id屬性值");document.getElementsByTagName("標(biāo)簽名");document.getElementsByName("name屬性值");document.getElementsByClassName("類名");document.querySelector("CSS選擇器");document.querySelectorAll("CSS選擇器");HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.3.1初識(shí)DOM2.獲取元素集合
（2）元素內(nèi)容與屬性操作：元素內(nèi)容操作：innerHTML、innerText、textContentelement.innerHTML='HTML內(nèi)容';//設(shè)置內(nèi)容console.log(element.innerHTML);//獲取內(nèi)容element.innerText='文本內(nèi)容';//設(shè)置內(nèi)容console.log(element.innerText);//獲取內(nèi)容element.textContent='文本內(nèi)容';//設(shè)置內(nèi)容console.log(element.textContent);//獲取內(nèi)容HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.3.1初識(shí)DOM2.獲取元素集合
（2）元素內(nèi)容與屬性操作：元素樣式操作：通過style屬性操作樣式：element.style.樣式屬性名='樣式屬性值'通過className屬性操作樣式：element.className='類名'通過classList屬性操作樣式：利用classList提供的add、remove、contains、toggle等方法來動(dòng)態(tài)地操作元素的類列表HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.3.1初識(shí)DOM
2.獲取元素集合
（3）元素屬性操作
獲取元素：varelement=document.getElementById("myElement");
獲取元素屬性：varattributeValue=element.getAttribute("myAttribute");設(shè)置元素屬性：element.setAttribute("myAttribute","newValue");刪除元素屬性：element.removeAttribute("myAttribute");直接操作元素property屬性：varlink=document.getElementById("myLink");link.href="";//設(shè)置鏈接的href屬性varimg=document.querySelector('img');img.src='images/selected.jpg';//設(shè)置img元素對(duì)象的src屬性HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.3.2事件基礎(chǔ)
事件是前端開發(fā)中至關(guān)重要的一環(huán)，它能夠監(jiān)聽和響應(yīng)用戶的各種動(dòng)作和交互，包括以下內(nèi)容。1.事件概述事件源：指的是觸發(fā)事件的元素對(duì)象事件類型：指的是引發(fā)網(wǎng)頁(yè)交互效果的具體行為動(dòng)作事件處理程序：指的是事件觸發(fā)后為了實(shí)現(xiàn)相應(yīng)的網(wǎng)頁(yè)交互效果而執(zhí)行的代碼2.事件注冊(cè)在JavaScript中，通過事件屬性可以為操作的元素對(duì)象注冊(cè)（也稱綁定）事件注冊(cè)事件有兩種方式，一種是在標(biāo)簽中以HTML屬性的方式進(jìn)行注冊(cè)，另一種是在JavaScript中通過DOM元素的事件屬性來注冊(cè)事件HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.3.2事件基礎(chǔ)2.事件注冊(cè)（1）HTML屬性方式<buttononclick="alert('按鈕被點(diǎn)擊了！')">單擊按鈕</button>（2）DOM元素的事件屬性方式varbutton=document.getElementById('myButton');button.onclick=function(){alert('按鈕被點(diǎn)擊了！');};上述方式可以實(shí)現(xiàn)較為簡(jiǎn)單的事件綁定，但無法為同一個(gè)事件綁定多個(gè)處理函數(shù)。當(dāng)需要為同一個(gè)事件綁定多個(gè)處理函數(shù)，應(yīng)該使用addEventListener方法，addEventListener方法將在事件監(jiān)聽中進(jìn)行介紹。HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.3.2事件基礎(chǔ)3.事件監(jiān)聽在JavaScript中，還可以通過事件監(jiān)聽機(jī)制為同一事件類型綁定多個(gè)處理函數(shù)，使用addEventListener()方法進(jìn)行事件監(jiān)聽。4.事件對(duì)象當(dāng)一個(gè)事件被觸發(fā)時(shí)，與該事件緊密關(guān)聯(lián)的一系列屬性和數(shù)據(jù)的集合會(huì)被封裝在一個(gè)對(duì)象中，這個(gè)對(duì)象被稱為事件對(duì)象。當(dāng)使用addEventListener()方法為DOM元素添加事件監(jiān)聽器時(shí)，addEventListener的eventHandler事件處理函數(shù)會(huì)接收一個(gè)參數(shù)，這個(gè)參數(shù)就是事件對(duì)象。element.addEventListener('click',function(event){//event就是事件對(duì)象console.log(event.type);//輸出"click"console.log(event.target);//輸出被單擊的元素})HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.3.2事件基礎(chǔ)5.事件分類用戶界面事件、焦點(diǎn)事件、鼠標(biāo)事件、滾輪事件、輸入事件、鍵盤事件、輸入法事件HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)任務(wù)實(shí)施1．創(chuàng)建HTML文件使用VSCode創(chuàng)建一個(gè)Task1.html文件，在該文件中使用HTML5標(biāo)簽一級(jí)菜單與二級(jí)菜單的基本結(jié)構(gòu)2．創(chuàng)建CSS文件使用VSCode創(chuàng)建Task3.css文件，通過外鏈?zhǔn)皆赥ask3.html文件中引入該文件3．創(chuàng)建JavaScript文件使用VSCode創(chuàng)建Task3.js文件，通過外鏈?zhǔn)皆赥ask3.html文件中引入該文件具體代碼見例1-25HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)總結(jié)
在本次任務(wù)實(shí)施過程中，充分利用了DOM操作和事件監(jiān)聽機(jī)制實(shí)現(xiàn)了任務(wù)目標(biāo)。通過對(duì)DOM元素的精確選擇和屬性的有效操作，實(shí)現(xiàn)了二級(jí)菜單的動(dòng)態(tài)顯示與隱藏。不僅加深了我們對(duì)DOM操作與事件處理相關(guān)知識(shí)的理解和掌握，更在解決實(shí)際問題方面獲得了顯著的提升。所實(shí)現(xiàn)的頁(yè)面具有較強(qiáng)的交互性和良好的用戶體驗(yàn)，同時(shí)也為我們探索更復(fù)雜、更精細(xì)的前端交互功能奠定了堅(jiān)實(shí)的基石。任務(wù)1-4使用流程控制與數(shù)組實(shí)現(xiàn)自動(dòng)輪播的Banner圖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ǔ)備流程控制：選擇結(jié)構(gòu)與循環(huán)結(jié)構(gòu)數(shù)組基礎(chǔ)：定義與訪問數(shù)組、數(shù)組的基本操作HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.4.1流程控制流程控制語句主要可以分為三類，即順序結(jié)構(gòu)、選擇結(jié)構(gòu)和循環(huán)結(jié)構(gòu)。1.選擇結(jié)構(gòu)：if語句、if…else語句、if…elseif…else語句和switch語句4類。（1）if語句if(條件表達(dá)式){代碼塊1;}代碼塊2;HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.4.1流程控制（2）if...else語句if(條件表達(dá)式){代碼塊1;}else{代碼塊2;}（3）if…elseif…else語句if(條件表達(dá)式1){代碼段1}elseif(條件表達(dá)式2){代碼段2}...elseif(條件表達(dá)式n){代碼段n}else{代碼段n+1}HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.4.1流程控制（4）switch語句switch(表達(dá)式){case值1:代碼段1;break;case值2代碼段2;break;...default:代碼段n;}使用switch語句判斷變量day的值并執(zhí)行相應(yīng)的輸出語句。以星期一為例，當(dāng)day的值為“Monday”時(shí)，則輸出“今天是星期一”。若沒有與day變量的值相等的case值，則輸出“無效信息”。HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.4.1流程控制2.循環(huán)結(jié)構(gòu)：for語句、while語句。（1）for語句for(初始化變量;條件表達(dá)式;操作表達(dá)式){循環(huán)體}【例1-28】使用for語句循環(huán)打印數(shù)字1到10。HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.4.1流程控制2.循環(huán)結(jié)構(gòu)（2）while語句while(條件表達(dá)式){循環(huán)體}使用while語句重構(gòu)循環(huán)打印數(shù)字1到10。leti=1;while(i<=10){document.write(i);if(i<10){document.write("、");}i++;}//輸出結(jié)果：1、2、3、4、5、6、7、8、9、10HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.4.1流程控制2.循環(huán)結(jié)構(gòu)（3）跳轉(zhuǎn)語句循環(huán)語句一般會(huì)根據(jù)設(shè)置好的循環(huán)終止條件停止執(zhí)行，在循環(huán)執(zhí)行過程中，若需要跳出本次循環(huán)或跳出整個(gè)循環(huán)，就需要用到跳轉(zhuǎn)語句。常用的跳轉(zhuǎn)語句有continue和break語句。break語句用于立即退出包含它的最內(nèi)層循環(huán)或標(biāo)簽語句。在for或while語句中，如果遇到break語句，循環(huán)會(huì)立即終止，程序會(huì)繼續(xù)執(zhí)行緊接在循環(huán)之后的代碼。continue語句用于跳過當(dāng)前循環(huán)的剩余部分，并開始下一次迭代。在for或while語句中，如果遇到continue語句，當(dāng)前循環(huán)的剩余部分將不會(huì)被執(zhí)行，并且會(huì)立即開始下一次循環(huán)迭代。HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.4.2數(shù)組基礎(chǔ)數(shù)組是一種線性數(shù)據(jù)結(jié)構(gòu)，用于存儲(chǔ)一系列相同類型的元素。1.定義與訪問數(shù)組（1）newArray()方式vararr1=newArray();vararr2=newArray(2);//包含2個(gè)空元素的數(shù)組vararr3=newArray('今天','明天');//含有2個(gè)元素（2）數(shù)組字面量方式varempty=[];//[]相當(dāng)于newArray()vararr4=['讀書','運(yùn)動(dòng)','畫畫'];//含有3個(gè)元素HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.4.2數(shù)組基礎(chǔ)1.定義與訪問數(shù)組（3）訪問數(shù)組vararr=['A','B',22.48,true];console.log(arr);//訪問并輸出整個(gè)數(shù)組console.log(arr[0]);//訪問并輸出數(shù)組中第1個(gè)元素console.log(arr[2]);//訪問并輸出數(shù)組中第3個(gè)元素HTML5的優(yōu)勢(shì)
解決了跨瀏覽器的問題
新增多個(gè)新特性
（語義化標(biāo)簽、多媒體標(biāo)簽、canvas元素、本地存儲(chǔ)等）
用戶優(yōu)先原則
化繁為簡(jiǎn)的優(yōu)勢(shì)1.4.2數(shù)組基礎(chǔ)2.數(shù)組基本操作:獲取數(shù)組長(zhǎng)度、添加數(shù)組元素、刪除數(shù)組元素、遍歷數(shù)組。（1）獲取數(shù)組長(zhǎng)度vararr1=[78,88,98];console.log(arr1.length);//輸出結(jié)果：3（2）添加數(shù)組
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝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ù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
- 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ì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 濟(jì)南二建管理員工培訓(xùn)
- 年產(chǎn)200萬張高端綠色飾面板項(xiàng)目環(huán)境影響報(bào)告表
- 升壓站建筑工程混凝土基礎(chǔ)施工技術(shù)方案
- 減速機(jī)購(gòu)銷合同模板
- 2026年食品安全知識(shí)突發(fā)事件處理演練題集
- 2026年歷史知識(shí)中國(guó)古代史重要事件試題
- 2026年法律職業(yè)資格考試題庫(kù)與答案速遞
- 2026年教師資格考試教育學(xué)與心理學(xué)測(cè)試題分析
- 2026年地理常識(shí)與自然知識(shí)習(xí)題集
- 2026年中學(xué)教師招聘考試題教育心理學(xué)教學(xué)設(shè)計(jì)能力
- 液冷系統(tǒng)防漏液和漏液檢測(cè)設(shè)計(jì)研究報(bào)告
- （2025版）中國(guó)焦慮障礙防治指南
- 春節(jié)交通出行安全培訓(xùn)課件
- 妊娠期缺鐵性貧血中西醫(yī)結(jié)合診療指南-公示稿
- 金蝶合作協(xié)議書
- 企業(yè)潤(rùn)滑培訓(xùn)
- 2025至2030航空涂料市場(chǎng)行業(yè)市場(chǎng)深度研究與戰(zhàn)略咨詢分析報(bào)告
- 2025年工廠三級(jí)安全教育考試卷含答案
- 2026年上海理工大學(xué)單招職業(yè)適應(yīng)性測(cè)試題庫(kù)附答案
- 建設(shè)用地報(bào)批培訓(xùn)課件
- 化肥產(chǎn)品生產(chǎn)許可證實(shí)施細(xì)則（一）（復(fù)肥產(chǎn)品部分）2025
評(píng)論
0/150
提交評(píng)論