Web前端開(kāi)發(fā) 課件 第12章 JavaScript基礎(chǔ)_第1頁(yè)
Web前端開(kāi)發(fā) 課件 第12章 JavaScript基礎(chǔ)_第2頁(yè)
Web前端開(kāi)發(fā) 課件 第12章 JavaScript基礎(chǔ)_第3頁(yè)
Web前端開(kāi)發(fā) 課件 第12章 JavaScript基礎(chǔ)_第4頁(yè)
Web前端開(kāi)發(fā) 課件 第12章 JavaScript基礎(chǔ)_第5頁(yè)
已閱讀5頁(yè)，還剩58頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

第12章JavaScript基礎(chǔ)主講教師：朱鐵櫻《Web前端開(kāi)發(fā)》

12.1JavaScript概述JavaScript是Web開(kāi)發(fā)領(lǐng)域中的一種功能強(qiáng)大的編程語(yǔ)言。其作用主要用于開(kāi)發(fā)交互式的Web頁(yè)面，使網(wǎng)頁(yè)的互動(dòng)性更強(qiáng)，用戶體驗(yàn)更好。語(yǔ)言作用說(shuō)明HTML結(jié)構(gòu)從語(yǔ)義角度描述頁(yè)面結(jié)構(gòu)，相當(dāng)于人的身體結(jié)構(gòu)CSS樣式從審美角度美化頁(yè)面樣式，相當(dāng)于給人穿衣服、化妝JavaScript行為從交互角度描述頁(yè)面行為，相當(dāng)于人的各種動(dòng)作LiveScript由布蘭登·艾奇（BrendanEich）發(fā)明，于1995年出現(xiàn)在Netscape。Netscape與SUN合作，將LiveScript改為JavaScript，造就了這個(gè)強(qiáng)大的Web頁(yè)開(kāi)發(fā)工具。如今，web3.0時(shí)代，各種JavaScript功能框架層出不窮，各種前端應(yīng)用愈加豐富多彩。

JavaScript的誕生和發(fā)展

12.1JavaScript概述JavaScript內(nèi)嵌于HTML網(wǎng)頁(yè)中，通過(guò)瀏覽器內(nèi)置的JavaScript引擎直接編譯，把一個(gè)原本只用來(lái)顯示的頁(yè)面，轉(zhuǎn)變成支持用戶交互的頁(yè)面。JavaScript主要運(yùn)行在瀏覽器中的。例如，直接在瀏覽器中進(jìn)行表單驗(yàn)證，只有填寫(xiě)格式正確的內(nèi)容后才能夠提交表單，避免因表單填寫(xiě)錯(cuò)誤導(dǎo)致反復(fù)提交，節(jié)省了時(shí)間和網(wǎng)絡(luò)資源。

JavaScript作用

12.1JavaScript概述JavaScript是一種腳本語(yǔ)言，特點(diǎn)是簡(jiǎn)單、易學(xué)、易用，語(yǔ)法規(guī)則比較松散，能夠快速完成程序的編寫(xiě)工作JavaScript可以跨平臺(tái)，它不依賴操作系統(tǒng)，僅需要瀏覽器的支持JavaScript支持面向?qū)ο?，可以使JavaScript開(kāi)發(fā)變得快捷和高效，降低開(kāi)發(fā)成本

JavaScript特點(diǎn)

12.1JavaScript概述JavaScript由ECMAScript、DOM、BOM三部分組成。JavaScriptECMAScriptBOMDOM

JavaScript組成

12.1JavaScript概述ECMAScript：是JavaScript的核心。規(guī)定了JavaScript的編程語(yǔ)法和基礎(chǔ)核心內(nèi)容，是所有瀏覽器廠商共同遵守的一套JavaScript語(yǔ)法工業(yè)標(biāo)準(zhǔn)。DOM：文檔對(duì)象模型，是用于html編程的接口，可以通過(guò)DOM對(duì)頁(yè)面上的各種元素進(jìn)行操作。BOM：瀏覽器對(duì)象模型，它提供了獨(dú)立于內(nèi)容的、可以與瀏覽器窗口進(jìn)行互動(dòng)的對(duì)象結(jié)構(gòu)。通過(guò)BOM，可以對(duì)瀏覽器窗口進(jìn)行操作。

JavaScript組成

12.1JavaScript概述行內(nèi)式：將單行或少量的JavaScript代碼寫(xiě)在HTML標(biāo)簽的事件屬性中。注意單引號(hào)和雙引號(hào)的使用。行內(nèi)式可讀性較差。多層引號(hào)嵌套時(shí)，容易混淆，導(dǎo)致代碼出錯(cuò)。臨時(shí)測(cè)試或特殊情況使用行內(nèi)式，一般情況下不推薦。

JavaScript書(shū)寫(xiě)位置

12.1JavaScript概述內(nèi)嵌式（嵌入式）：使用<script>標(biāo)簽包裹JavaScript代碼，<script>標(biāo)簽可以寫(xiě)在<head>或<body>標(biāo)簽中。

12.1JavaScript概述

JavaScript書(shū)寫(xiě)位置外部式（外鏈?zhǔn)剑簩avaScript代碼寫(xiě)在一個(gè)單獨(dú)的文件中，一般使用“.js”作為文件擴(kuò)展名，在HTML頁(yè)面中使用<script>標(biāo)簽引入，適合JavaScript代碼量比較多的情況。注意外部式的<script>標(biāo)簽內(nèi)不能編寫(xiě)JavaScript代碼。

12.1JavaScript概述

JavaScript書(shū)寫(xiě)位置在編寫(xiě)JavaScript代碼時(shí)，需要注意基本的語(yǔ)法規(guī)則：JavaScript嚴(yán)格區(qū)分大小寫(xiě)，在編寫(xiě)代碼時(shí)一定注意大小寫(xiě)的正確性。JavaScript代碼對(duì)空格、換行、縮進(jìn)不敏感，一條語(yǔ)句可以分成多行書(shū)寫(xiě)。如果一條語(yǔ)句結(jié)束后，換行書(shū)寫(xiě)下一條語(yǔ)句，后面的分號(hào)可以省略。

JavaScript語(yǔ)法規(guī)劃

12.1JavaScript概述JavaScript代碼的注釋方式：?jiǎn)涡凶⑨專阂浴?/”開(kāi)始，到該行結(jié)束或<script>標(biāo)簽結(jié)束之前的內(nèi)容都是注釋。快捷鍵：ctrl+/。多行注釋：以“/*”開(kāi)始，以

“*/”結(jié)束。需要注意的是，多行注釋中可以嵌套單行注釋，但不能再嵌套多行注釋?？旖萱I：shift+ctrl+/。

12.1JavaScript概述JavaScript可以在網(wǎng)頁(yè)中實(shí)現(xiàn)用戶交互效果。例如，網(wǎng)頁(yè)打開(kāi)后自動(dòng)彈出一個(gè)輸入框，用戶輸入內(nèi)容后，由程序內(nèi)部進(jìn)行處理，處理完成后再把結(jié)果返回給用戶。這整個(gè)過(guò)程分為輸入、處理和輸出3個(gè)步驟。語(yǔ)句說(shuō)明alert('msg')瀏覽器彈出警告框console.log('msg')瀏覽器控制臺(tái)輸出信息prompt('msg1','msg2')瀏覽器彈出輸入框，用戶可以輸入內(nèi)容document.write('msg')；向文檔寫(xiě)文本、HTML表達(dá)式或JavaScript代碼輸入和輸出語(yǔ)句

12.1JavaScript概述圖1圖2圖3

12.1JavaScript概述瀏覽器的控制臺(tái)中也可以直接輸入JavaScript代碼中來(lái)執(zhí)行語(yǔ)句，這為初學(xué)者提供了很大的便利。用戶輸入控制臺(tái)輸出控制臺(tái)

12.1JavaScript概述

12.2變量變量是計(jì)算機(jī)內(nèi)存中存儲(chǔ)數(shù)據(jù)的空間，使用變量可以方便的獲取或者修改內(nèi)存中的數(shù)據(jù)。變量的使用，分為兩步：聲明變量和變量賦值。varage;//聲明一個(gè)名稱為age的變量

age=10//為age變量賦值

varage=18//聲明變量的同時(shí)賦值

1.聲明變量2.變量賦值3.變量初始化

12.2變量1.更新變量的值。2.同時(shí)聲明多個(gè)變量。

12.2變量3.聲明變量的特殊情況。（1）只聲明變量，但不賦值（2）不聲明變量，直接輸出變量的值在對(duì)變量進(jìn)行命名時(shí)，需要遵循變量的命名規(guī)則，具體如下：由字母、數(shù)字、下劃線和美元符號(hào)（$）組成。嚴(yán)格區(qū)分大小寫(xiě)，如app和App是兩個(gè)變量。不能以數(shù)字開(kāi)頭，如18age是錯(cuò)誤的變量名。不能是關(guān)鍵字、保留字，如var、for、while等是錯(cuò)誤的變量名。要盡量做到“見(jiàn)名知義”如age表示年齡，num表示數(shù)字。遵循駝峰命名法，首字母小寫(xiě)，后面單詞首字母大寫(xiě)，如myFirstName。

12.2變量

12.3數(shù)據(jù)類型JavaScript是一種弱類型語(yǔ)言，不用提前聲明變量的數(shù)據(jù)類型。在程序運(yùn)行過(guò)程中，變量的數(shù)據(jù)類型會(huì)被自動(dòng)確定。

12.3數(shù)據(jù)類型當(dāng)不確定一個(gè)變量或值是什么數(shù)據(jù)類型的時(shí)候，可以利用typeof運(yùn)算符進(jìn)行數(shù)據(jù)類型檢測(cè)。toString()：把其他類型轉(zhuǎn)換成字符串如:varnum=35;num.toString()parseInt(String)、parseFloat(String)將字符串轉(zhuǎn)換為整型、浮點(diǎn)型如:parseFloat(“34.45”)將字符串“34.45”轉(zhuǎn)換為浮點(diǎn)值34.45基本數(shù)據(jù)類型轉(zhuǎn)換Boolean(value)：把值轉(zhuǎn)換為布爾型，空字符串、0、NaN、null和undefined轉(zhuǎn)換為false，其他為true。Number(value)：將值轉(zhuǎn)換為數(shù)值型。String(value)：把值轉(zhuǎn)換為字符串。數(shù)據(jù)類型轉(zhuǎn)換

12.3數(shù)據(jù)類型

12.4運(yùn)算符JavaScript運(yùn)算符用于賦值，比較值，執(zhí)行算術(shù)運(yùn)算等。

12.4運(yùn)算符算術(shù)運(yùn)算符用于對(duì)兩個(gè)變量或值進(jìn)行算術(shù)運(yùn)算。運(yùn)算符描述例子y值x值備注+加法x=y+2y=5x=7-減法x=y-2y=5x=3*乘法x=y*2y=5x=10/除法x=y/2y=5x=2.5%余數(shù)x=y%2y=5x=1++自增x=++yy=6x=6先自增再賦值x=y++y=6x=5先賦值再自增--自減x=--yy=4x=4先自減再賦值x=y--y=4x=5先賦值再自減12.4運(yùn)算符賦值運(yùn)算符用于對(duì)兩個(gè)變量或值進(jìn)行算術(shù)運(yùn)算。運(yùn)算符運(yùn)算示例結(jié)果=賦值a=3;a=3+=加并賦值a=3;a+=2;a=5-=減并賦值a=3;a-=2;a=1*=乘并賦值a=3;a*=2;a=6/=除并賦值a=3;a/=2;a=1.5%=求模并賦值a=3;a%=2;a=1+=連接并賦值a='abc';a+='def';a='abcdef'12.4運(yùn)算符比較運(yùn)算符用于對(duì)兩個(gè)數(shù)據(jù)進(jìn)行比較，其結(jié)果是布爾值（true或false）。運(yùn)算符運(yùn)算示例結(jié)果備注>大于5>5false<小于5<5false>=大于或等于5>=5true<=小于或等于5<=5true==等于5==4false先轉(zhuǎn)換相同類型，再比較!=不等于5!=4true===全等5===5true比較值是否相等，比較數(shù)據(jù)類型是否相同!==不全等5!=='5'true

12.4運(yùn)算符邏輯運(yùn)算符用于對(duì)布爾值進(jìn)行運(yùn)算，其返回值也是布爾值。運(yùn)算符運(yùn)算示例結(jié)果&&與a&&ba和b都為true，結(jié)果為true，否則為false||或a||ba和b中至少有一個(gè)為true，則結(jié)果為true，否則為false!非!a若a為false，結(jié)果為true，否則相反12.4運(yùn)算符條件運(yùn)算符又叫三元運(yùn)算符，是一種需要三個(gè)操作數(shù)的運(yùn)算符，運(yùn)算的結(jié)果根據(jù)給定條件決定。條件表達(dá)式?表達(dá)式1:表達(dá)式2語(yǔ)法說(shuō)明：先求條件表達(dá)式的值，如果為true，則返回表達(dá)式1的執(zhí)行結(jié)果；如果條件表達(dá)式的值為false，則返回表達(dá)式2的執(zhí)行結(jié)果。age>=18?'已成年':'未成年';

12.4運(yùn)算符運(yùn)算符優(yōu)先級(jí)：是指表達(dá)式中所有運(yùn)算符參與運(yùn)算的先后順序。結(jié)合方向運(yùn)算符結(jié)合方向運(yùn)算符無(wú)()左==!====!==無(wú)++（后置）--（后置）左&右!-（負(fù)數(shù)）+（正數(shù)）++（前置）--（前置）左^右**左|左*/%左&&左+-左||左<<>>>>>右?:左<<=>>=右=+=-=*=/=%=<<=>>=>>>=&=^=|=

12.5流程控制通過(guò)控制代碼的執(zhí)行順序來(lái)完成要實(shí)現(xiàn)的功能，這就是流程控制。順序結(jié)構(gòu)是程序中最基本的結(jié)構(gòu)，程序會(huì)按照代碼的先后順序依次執(zhí)行。分支結(jié)構(gòu)用于根據(jù)條件來(lái)決定是否執(zhí)行某個(gè)分支代碼。循環(huán)結(jié)構(gòu)用于根據(jù)條件來(lái)決定是否重復(fù)執(zhí)行某一段代碼。12.5流程控制常用的分支結(jié)構(gòu)語(yǔ)句有if語(yǔ)句和switch語(yǔ)句。if單分支語(yǔ)句，當(dāng)滿足某種條件時(shí)，進(jìn)行某種處理if…else雙分支語(yǔ)句，當(dāng)滿足某種條件時(shí)，進(jìn)行某種處理，否則進(jìn)行另一種處理if…elseif多分支語(yǔ)句，可針對(duì)不同情況進(jìn)行不同的處理12.5流程控制switch多分支語(yǔ)句，針對(duì)某個(gè)表達(dá)式的值作出判斷，從而決定執(zhí)行哪一段代碼。查詢水果價(jià)格12.5流程控制使用switch多分支語(yǔ)句實(shí)現(xiàn)用戶在彈出框中輸入一個(gè)水果，如果有就彈出該水果的價(jià)格，如果該水果不存在就彈出“沒(méi)有此水果”的效果。蘋(píng)果3.5元/斤榴蓮35元/斤香梨3元/斤12.5流程控制1.一般情況下，它們兩個(gè)語(yǔ)句可以互相替換。2.Switch…case語(yǔ)句通常處理case比較確定值的情況，而if…elseif語(yǔ)句更加靈活，常用于范圍判斷(大于、等于某個(gè)范圍)。3.switch語(yǔ)句進(jìn)行條件判斷后直接執(zhí)行到程序的條件語(yǔ)句，效率更高，而if…elseif語(yǔ)句有幾種條件，就得判斷多少次。4.當(dāng)分支比較少時(shí)，

if…elseif語(yǔ)句的執(zhí)行效率高。5.當(dāng)分支比較多時(shí)，switch語(yǔ)句的執(zhí)行效率高，而且結(jié)構(gòu)更清晰。

switch語(yǔ)句和if…elseif語(yǔ)句的區(qū)別12.5流程控制在程序中，一組被重復(fù)執(zhí)行的語(yǔ)句稱為循環(huán)體，能否重復(fù)執(zhí)行，取決于循環(huán)的終止條件。由循環(huán)體及循環(huán)的終止條件組成的語(yǔ)句稱為循環(huán)語(yǔ)句。for語(yǔ)句是最常用的循環(huán)語(yǔ)句，循環(huán)次數(shù)已知的情況。①執(zhí)行“vari=1;”初始化變量。②判斷條件表達(dá)式“i<=100”是否為真，如果為真，執(zhí)行循環(huán)體，反之，結(jié)束循環(huán)。③執(zhí)行循環(huán)體console.log(i)。④執(zhí)行操作表達(dá)式“i++”，將i的值加1。⑤繼續(xù)判斷“i<=100”是否為true，當(dāng)i的值加到101時(shí)，循環(huán)結(jié)束。代碼執(zhí)行流程循環(huán)結(jié)構(gòu)12.5流程控制while語(yǔ)句可以在條件表達(dá)式為true的前提下，循環(huán)執(zhí)行指定的一段代碼，直到條件表達(dá)式為false時(shí)結(jié)束循環(huán)。do…while語(yǔ)句會(huì)無(wú)條件地執(zhí)行一次循環(huán)體中的代碼，然后再判斷條件，根據(jù)條件決定是否循環(huán)執(zhí)行。注意：1.在循環(huán)體中需要對(duì)計(jì)數(shù)器的值進(jìn)行更新，以防止出現(xiàn)死循環(huán)。2.while是先判斷后執(zhí)行，而do...while是先執(zhí)行后判斷。3.do...while保證循環(huán)體至少執(zhí)行一次，而while不能。循環(huán)結(jié)構(gòu)12.5流程控制continue關(guān)鍵字應(yīng)用在循環(huán)結(jié)構(gòu)中，用來(lái)立即跳出本次循環(huán)，也就是跳過(guò)continue后面的代碼，繼續(xù)下一次循環(huán)。break關(guān)鍵字可以用在switch語(yǔ)句和循環(huán)語(yǔ)句中，在循環(huán)語(yǔ)句中使用時(shí)，其作用是立即跳出整個(gè)循環(huán)，也就是將循環(huán)結(jié)束。循環(huán)結(jié)構(gòu)12.5流程控制（1）重復(fù)執(zhí)行相同代碼，執(zhí)行N次，N通過(guò)prompt輸入。重要的事情說(shuō)N遍。（2）重復(fù)執(zhí)行不同代碼，第1遍輸出“這是第1次循環(huán)”，第100遍輸出”這是第100次循環(huán)“，其他遍忽略。循環(huán)結(jié)構(gòu)12.5流程控制（3）1~100之間的所有整數(shù)“求和”和“平均數(shù)”。（4）1~100之間的所有整數(shù)“求偶數(shù)和”和“求奇數(shù)和”循環(huán)結(jié)構(gòu)（5）1~100之間的所有能被3整除的整數(shù)之和12.5流程控制循環(huán)嵌套（6）生成字符串（7）九九乘法表12.5流程控制猜數(shù)游戲隨機(jī)產(chǎn)生一個(gè)0到9之間的數(shù)字，接收用戶輸入的一個(gè)數(shù)字，用戶有3次輸入的機(jī)會(huì)。猜大了，提示“大了”，猜小了，提示“小了”。如果3次機(jī)會(huì)內(nèi)猜對(duì)則提示“猜對(duì)了”，直接跳出游戲。如果3次都沒(méi)有猜對(duì)則提示“你輸了”，并結(jié)束游戲。Math.random()：產(chǎn)生一個(gè)[0，1)之間的隨機(jī)數(shù)。Math.ceil()方法執(zhí)行的是向上取整計(jì)算，它返回的是大于或等于函數(shù)參數(shù)，并且與之最接近的整數(shù)。

12.6函數(shù)函數(shù)的含義：用于封裝一段完成特定功能的代碼。相當(dāng)于將一條或多條語(yǔ)句組成的代碼塊包裹起來(lái)，用戶在使用時(shí)只需關(guān)心參數(shù)和返回值，就能完成特定的功能，而不用了解具體的實(shí)現(xiàn)。函數(shù)有兩種：JavaScript自帶的系統(tǒng)函數(shù)和用戶自定義函數(shù)函數(shù)在使用時(shí)分為兩步，聲明函數(shù)和調(diào)用函數(shù)。聲明函數(shù)的基本語(yǔ)法調(diào)用函數(shù)：三種情況1.函數(shù)調(diào)用和表單元素的事件一起使用，格式：事件名＝“函數(shù)名()”;2.在腳本中直接調(diào)用，格式：函數(shù)名();3.在腳本中通過(guò)元素事件調(diào)用，格式：事件名=函數(shù)名；

12.6函數(shù)函數(shù)的使用<inputtype="submit"name="Submit"value="計(jì)算1-100之和"onClick="getSum(1,100)">在<script>標(biāo)簽對(duì)中添加語(yǔ)句：window.onload=getSum(1,100);

12.6函數(shù)函數(shù)的使用JavaScript函數(shù)參數(shù)的使用非常靈活，它允許函數(shù)的形參和實(shí)參個(gè)數(shù)不同。當(dāng)實(shí)參數(shù)量多于形參數(shù)量時(shí)，函數(shù)可以正常執(zhí)行，多余的實(shí)參由于沒(méi)有形參接收，會(huì)被忽略。當(dāng)實(shí)參數(shù)量小于形參數(shù)量時(shí)，多出來(lái)的形參類似于一個(gè)已聲明未賦值的變量，其值為undefined。

12.6函數(shù)函數(shù)的參數(shù)在JavaScript函數(shù)體內(nèi)，使用return語(yǔ)句可以設(shè)置函數(shù)的返回值。一旦執(zhí)行return語(yǔ)句，將停止函數(shù)的運(yùn)行，并計(jì)算和返回return后面的表達(dá)式的值。如果函數(shù)不包含return語(yǔ)句，則執(zhí)行完函數(shù)體內(nèi)每條語(yǔ)句后，返回undefined值。

12.6函數(shù)函數(shù)的返回值匿名函數(shù)是沒(méi)有名稱的函數(shù)，因此要將聲明的匿名函數(shù)賦值給一個(gè)變量，通過(guò)變量完成函數(shù)的調(diào)用和參數(shù)的傳遞，成為一個(gè)函數(shù)表達(dá)式。

12.6函數(shù)匿名函數(shù)聲明變量后是否可以在任意位置使用該變量？

12.6函數(shù)作用域的分類變量的使用是有作用域范圍的。按作用域劃分有全局作用域、函數(shù)作用域和塊級(jí)作用域（ES6提供的），根據(jù)不同作用域?qū)?yīng)的變量：全局變量、局部變量、塊級(jí)變量（ES6提供的）。js文件函數(shù)含有{}如for等函數(shù)作用域全局作用域塊級(jí)作用域

12.6函數(shù)作用域的分類①全局變量：不在任何函數(shù)內(nèi)聲明的變量（顯式定義）或在函數(shù)內(nèi)省略var聲明的變量（隱式定義）都稱為全局變量，它在同一個(gè)頁(yè)面文件中的所有腳本內(nèi)都可以使用。②局部變量：在函數(shù)體內(nèi)利用var關(guān)鍵字定義的變量稱為局部變量，它僅在該函數(shù)體內(nèi)有效。③塊級(jí)變量：ES6提供的let關(guān)鍵字聲明的變量稱為塊級(jí)變量，僅在“{}”中間有效，如if、for或while語(yǔ)句等。作用域的分類

12.6函數(shù)養(yǎng)成良好的編程習(xí)慣命名風(fēng)格函數(shù)主要用來(lái)實(shí)現(xiàn)功能，通常用“動(dòng)詞+名詞”形式。變量名用來(lái)存儲(chǔ)數(shù)據(jù)，通常用”名詞“或”形容詞+名詞“形式。變量名以小寫(xiě)字母開(kāi)頭，對(duì)于多個(gè)詞的情況，如果沒(méi)有分隔符，則從第二個(gè)詞開(kāi)始，每個(gè)詞語(yǔ)第一個(gè)字母大寫(xiě)。類的命名通常使用“名詞”，類名應(yīng)該以大寫(xiě)字母開(kāi)頭。document.表單名.文本框名.valuedocument.getElementById(id).value注意：從文本框中獲取的值都是字符串，若進(jìn)行加減，都要進(jìn)行類型轉(zhuǎn)換。獲取文本框值的方法document.myForm.txtCount.valuedocument.getElementById(“txtCount).value在頁(yè)面實(shí)現(xiàn)簡(jiǎn)易計(jì)算器，用戶在頁(yè)面輸入第一個(gè)數(shù)和第二個(gè)數(shù)，點(diǎn)擊相應(yīng)操作符將操作結(jié)果顯示在計(jì)算結(jié)果文本框中。制作簡(jiǎn)易計(jì)算器設(shè)計(jì)靜態(tài)頁(yè)面。獲取用戶輸入文本框的值。使用函數(shù)定義對(duì)應(yīng)的加、減、乘、除操作。單擊按鈕時(shí)調(diào)用函數(shù)。怎么用一個(gè)函數(shù)來(lái)代替4個(gè)結(jié)構(gòu)相似的函數(shù)？使用有參函數(shù)，將運(yùn)算符作為參數(shù)傳遞

12.8對(duì)象JavaScript對(duì)象是擁有屬性和方法的數(shù)據(jù)。在JavaScript中，幾乎所有的事物都是對(duì)象。對(duì)象屬性方法

=Fiat

car.model=500

car.weight=850kg

car.color=white

car.start()

car.drive()

car.brake()

car.stop()所有汽車都有這些屬性，但是每款車的屬性都不盡相同。所有汽車都擁有這些方法，但是它們被執(zhí)行的時(shí)間都不盡相同。

12.8對(duì)象內(nèi)置對(duì)象Date、Math、String、Array、Number等瀏覽器對(duì)象Window、Location、history、Navigator、Screen、document、Frame等自定義對(duì)象Date對(duì)象的創(chuàng)建Date對(duì)象存儲(chǔ)的日期為自1970年1月1日00:00:00以來(lái)的毫秒數(shù)要先使用new運(yùn)算符創(chuàng)建Date對(duì)象，創(chuàng)建Date對(duì)象常見(jiàn)方式有三種不帶參數(shù)：varmyDate=newDate();創(chuàng)建一個(gè)含有系統(tǒng)當(dāng)前日期和時(shí)間的Date對(duì)象變量myDate。創(chuàng)建一個(gè)指定日期的Date對(duì)象：varmyDate=newDate(“2024/05/01”);創(chuàng)建了2024年5月1日的Date變量myDate。創(chuàng)建一個(gè)指定時(shí)間的Date對(duì)象：varmyDate=newDate(2024,5,1,10,30,20,50);創(chuàng)建了一個(gè)包含確切日期和時(shí)間“2024年5月1日10點(diǎn)30分20秒50毫秒”的myDate變量

12.8對(duì)象Date對(duì)象的常用方法方法名描述getYear()返回年份數(shù)getFullYear()返回年份數(shù)getMonth()返回月份數(shù)（0--11）getDate()返回日期數(shù)（1--31）getDay()返回星期數(shù)（0--6）getHours()返回時(shí)數(shù)（0--23）getMinutes()返回分?jǐn)?shù)（0--59）getSeconds()返回秒數(shù)（0--59）getMilliseconds()返回毫秒數(shù)（0--999）getTime()返回對(duì)應(yīng)日期基線的毫秒toGMTString()以GMT格式表示日期對(duì)象toLocaleString()返回日期的字符串表示，其格式根據(jù)系統(tǒng)當(dāng)前的區(qū)域設(shè)置來(lái)確定

12.8對(duì)象定時(shí)器setTimeout()：用于在指定的毫秒后調(diào)用函數(shù)或計(jì)算表達(dá)式語(yǔ)法：setTimeout(“調(diào)用的函數(shù)名稱”,等待的毫秒數(shù))使用clearTimeout()方法清除s

溫馨提示

  • 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ì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論