JavaScript動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì) 課件 3-1JavaScript語(yǔ)法（變量、數(shù)據(jù)類(lèi)型、運(yùn)算符）

項(xiàng)目1.1環(huán)境搭配主講：***2024年1月2日J(rèn)avaScript動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)1子項(xiàng)目項(xiàng)目1JavaScript的基礎(chǔ)課程安排基本數(shù)據(jù)類(lèi)型復(fù)合型數(shù)據(jù)數(shù)據(jù)類(lèi)型的轉(zhuǎn)換項(xiàng)目1JavaScript的基礎(chǔ)基本數(shù)據(jù)類(lèi)型字符串型數(shù)據(jù)在JavaScript中，字符串型數(shù)據(jù)是用引號(hào)引起的文本字符串。例如，“好久不見(jiàn)，你還好嗎？”或‘Bob是個(gè)聰明的孩子’。每一個(gè)字符串?dāng)?shù)據(jù)都是String對(duì)象的實(shí)例，其主要用于組織處理由多個(gè)字符構(gòu)成的數(shù)據(jù)串。定義一個(gè)字符串時(shí)不需要指定類(lèi)型，只需要按以下語(yǔ)法定義即可。項(xiàng)目1JavaScript的基礎(chǔ)基本數(shù)據(jù)類(lèi)型字符串型數(shù)據(jù)01 <scriptlanguage="javascript"> //腳本程序開(kāi)始02 <!--03 varhello="你好啊"; //使用雙引號(hào)定義字符串04 varname='Peter'; //使用單引號(hào)定義字符串05 alert(hello+name); //將兩個(gè)字符串合在一起顯示 06 -->07 </script> <!--腳本程序結(jié)束-->項(xiàng)目1JavaScript的基礎(chǔ)基本數(shù)據(jù)類(lèi)型數(shù)值型數(shù)據(jù)JavaScript中用于表示數(shù)字的類(lèi)型稱(chēng)為數(shù)值型，不像其他編程語(yǔ)言那樣區(qū)分整型、浮點(diǎn)型。數(shù)值型用雙精度浮點(diǎn)值來(lái)表示數(shù)字?jǐn)?shù)據(jù)，可以表示（-253，+253）區(qū)間中的任何值。數(shù)字的值可以用普通的記法，也可以使用科學(xué)記數(shù)法。項(xiàng)目1JavaScript的基礎(chǔ)基本數(shù)據(jù)類(lèi)型數(shù)值型數(shù)據(jù)本示例第4～6行定義三個(gè)變量，并分別賦十六進(jìn)制表示的初值。第8～10行將三個(gè)變量輸出為十進(jìn)制表示的數(shù)。第13～15行定義三個(gè)變量，分別賦八進(jìn)制表示的初值。第17～19行將三個(gè)變量輸出為十進(jìn)制表示的數(shù)。第21～26行定義數(shù)個(gè)變量，并對(duì)它們賦予用不同表示法表示的十進(jìn)制數(shù)值。第27～31行將變量t1～t6逐一輸出為普通的十進(jìn)制數(shù)字。項(xiàng)目1JavaScript的基礎(chǔ)基本數(shù)據(jù)類(lèi)型布爾型數(shù)據(jù)布爾型是只有“真”和“假”兩個(gè)值的數(shù)據(jù)類(lèi)型。作為邏輯表達(dá)式的結(jié)果，真值用“true”表示，假值用“false”表示。事實(shí)上，非0值即為“真”，0值即為“假”。布爾型數(shù)據(jù)通常用來(lái)表示某個(gè)條件是否成立。項(xiàng)目1JavaScript的基礎(chǔ)基本數(shù)據(jù)類(lèi)型布爾型數(shù)據(jù)本示例使用了if語(yǔ)句對(duì)布爾型變量的值進(jìn)行判斷，關(guān)于if語(yǔ)句，將在后面的章節(jié)講到。此處讀者只需知道如果if后圓括號(hào)里布爾型變量的值為真，則執(zhí)行if后“{}”中的語(yǔ)句。項(xiàng)目1JavaScript的基礎(chǔ)復(fù)合型數(shù)據(jù)內(nèi)置對(duì)象表2-1JavaScript中常用的對(duì)象名稱(chēng)作用Object所有對(duì)象的基礎(chǔ)對(duì)象Array數(shù)組對(duì)象，封裝了數(shù)組的操作和屬性ActiveXObject活動(dòng)控件對(duì)象arguments參數(shù)對(duì)象，正在調(diào)用的函數(shù)的參數(shù)Boolean布爾對(duì)象，提供同布爾類(lèi)型等價(jià)的功能Date日期對(duì)象，封裝日期相關(guān)的操作和屬性的對(duì)象Error 錯(cuò)誤對(duì)象，保存錯(cuò)誤信息Function函數(shù)對(duì)象，用于創(chuàng)建函數(shù)Global全局對(duì)象，所有的全局函數(shù)和全局常量歸該對(duì)象所有Math數(shù)學(xué)對(duì)象，提供基本的數(shù)學(xué)函數(shù)和常量Number數(shù)字對(duì)象，代表數(shù)值數(shù)據(jù)類(lèi)型和提供數(shù)值常數(shù)的對(duì)象RegExp正則表達(dá)式對(duì)象，保存正則表達(dá)式信息的對(duì)象String字符串對(duì)象，提供串操作和屬性的對(duì)象項(xiàng)目1JavaScript的基礎(chǔ)復(fù)合型數(shù)據(jù)日期對(duì)象JavaScript將與日期相關(guān)的所有特性封裝進(jìn)Date對(duì)象，包括日期信息及其操作，主要用來(lái)進(jìn)行與時(shí)間相關(guān)的操作。Data對(duì)象的一個(gè)典型應(yīng)用是獲取當(dāng)前系統(tǒng)時(shí)間，使用前首先創(chuàng)建該對(duì)象的一個(gè)實(shí)例，語(yǔ)法如下：date=newDate(); //直接創(chuàng)建date=newDate(val); //指定日期創(chuàng)建date=newDate(y,m,d[,h[,min[,sec[,ms]]]]); //指定年月日分秒創(chuàng)建項(xiàng)目1JavaScript的基礎(chǔ)復(fù)合型數(shù)據(jù)日期對(duì)象01 <scriptlanguage="javascript"> //腳本程序開(kāi)始02 <!--03 varcur=newDate(); //創(chuàng)建當(dāng)前日期對(duì)象cur04 varyears=cur.getYear();//從日期對(duì)象cur中取得年數(shù)05 varmonths=cur.getMonth();//取得月數(shù)06 vardays=cur.getDate(); //取得天數(shù)07 varhours=cur.getHours();//取得小時(shí)數(shù)08 varminutes=cur.getMinutes();//取得分鐘數(shù)09 varseconds=cur.getSeconds();//取得秒數(shù)10 //顯示取得的各個(gè)時(shí)間值11 alert("此時(shí)時(shí)間是："+years+"年"+(months+1)+"月"12 +days+"日"+hours+"時(shí)"+minutes+"分"13 +seconds+"秒");//輸出日期信息14 -->15 </script> <!--腳本程序結(jié)束-->項(xiàng)目1JavaScript的基礎(chǔ)復(fù)合型數(shù)據(jù)數(shù)學(xué)對(duì)象數(shù)學(xué)對(duì)象（Math）封裝了與數(shù)學(xué)相關(guān)的特性，包括一些常數(shù)和數(shù)學(xué)函數(shù)，主要使用簡(jiǎn)單一些基本的數(shù)學(xué)計(jì)算。該對(duì)象和Global對(duì)象一樣不能使用new運(yùn)算符創(chuàng)建，Math對(duì)象在程序運(yùn)行時(shí)由JavaScript環(huán)境創(chuàng)建并初始化。項(xiàng)目1JavaScript的基礎(chǔ)復(fù)合型數(shù)據(jù)數(shù)學(xué)對(duì)象01 <scriptlanguage="javascript"> //腳本程序開(kāi)始02 <!-- 03 varr=2; //定義變量表示半徑 04 varpi=Math.PI; //從Math對(duì)象中讀取周期率PI常量05 vars=pi*r*r; //計(jì)算面積06 alert("半徑為2單位的圓面積為："+s+"單位");//顯示圓的面積07 -->08 </script> <!--腳本程序結(jié)束-->項(xiàng)目1JavaScript的基礎(chǔ)復(fù)合型數(shù)據(jù)全局對(duì)象全局對(duì)象是所有全局方法的擁有者，用來(lái)統(tǒng)一管理全局方法，全局方法也就是指全局函數(shù)。該對(duì)象不能使用new運(yùn)算符創(chuàng)建對(duì)象實(shí)例，所有的方法直接調(diào)用即可。以下是幾個(gè)常用的Global對(duì)象的方法，如表2-4所示。表2-4Global對(duì)象的常用方法方法名功能描述isNaN(value)判斷value是否是NaN，返回一個(gè)布爾值parseFloat(string)返回由字符串string轉(zhuǎn)換得到的浮點(diǎn)數(shù)parseInt(string)返回由字符串string轉(zhuǎn)換得到的整數(shù)項(xiàng)目1JavaScript的基礎(chǔ)復(fù)合型數(shù)據(jù)字符串對(duì)象String對(duì)象封裝了與字符串有關(guān)的特性，主要用來(lái)處理字符串。通過(guò)String對(duì)象，可以對(duì)字符串進(jìn)行剪切、合并、替換等操作?？梢哉{(diào)用該對(duì)象的構(gòu)造函數(shù)創(chuàng)建一個(gè)實(shí)例，其實(shí)在定義一個(gè)字符串類(lèi)型變量時(shí)也就創(chuàng)建了一個(gè)String對(duì)象實(shí)例。調(diào)用String對(duì)象的方法或?qū)傩孕问饺纭皩?duì)象名.方法名”或“對(duì)象名.屬性名”，其構(gòu)造函數(shù)如下：String([strVal]);參數(shù)strVal是一個(gè)字符串，可選項(xiàng)。創(chuàng)建一個(gè)包含值為strVal的String對(duì)象。項(xiàng)目1JavaScript的基礎(chǔ)復(fù)合型數(shù)據(jù)數(shù)組對(duì)象數(shù)組是JavaScript中另一種重要的基本數(shù)據(jù)類(lèi)型。內(nèi)部對(duì)象Array封裝了所有與數(shù)組相關(guān)的方法和屬性，其內(nèi)部存在多個(gè)數(shù)據(jù)段組合存儲(chǔ)。可以形象地將其理解為一種有很多連續(xù)房間的樓層，每個(gè)房間都可以存放貨物，提取貨物時(shí)只需要給出樓層號(hào)和房間編號(hào)即可。項(xiàng)目1JavaScript的基礎(chǔ)復(fù)合型數(shù)據(jù)數(shù)組對(duì)象<scriptlanguage="javascript">//腳本程序開(kāi)始<!--varpoets=newArray("王維","杜甫","李白","白居易");//創(chuàng)建數(shù)組document.write("古代幾個(gè)大詩(shī)人：<br>");//輸出標(biāo)題for(ninpoets)//逐個(gè)輸出數(shù)組元素{document.write("<li>"+poets[n]);//輸出詩(shī)人的名字}--></script><!--腳本程序結(jié)束-->項(xiàng)目1JavaScript的基礎(chǔ)數(shù)據(jù)類(lèi)型的轉(zhuǎn)換隱式類(lèi)型轉(zhuǎn)換程序運(yùn)行時(shí)，系統(tǒng)根據(jù)當(dāng)前上下文的需要，自動(dòng)將數(shù)據(jù)從一種類(lèi)型轉(zhuǎn)換為另一種類(lèi)型的過(guò)程稱(chēng)為隱式類(lèi)型轉(zhuǎn)換。此前的代碼中，大量使用了window對(duì)象的alert方法和document對(duì)象的write方法?？梢韵蜻@兩個(gè)方法中傳入任何類(lèi)型的數(shù)據(jù)，這些數(shù)據(jù)最終都被自動(dòng)轉(zhuǎn)換為字符串型。項(xiàng)目1JavaScript的基礎(chǔ)數(shù)據(jù)類(lèi)型的轉(zhuǎn)換隱式類(lèi)型轉(zhuǎn)換<scriptlanguage="javascript">//腳本程序開(kāi)始<!--varage=prompt("請(qǐng)輸入您的年齡：","0");//輸入年齡if(age<=0)//如果輸入的數(shù)字小于或等于0，則視為非法{alert("您輸入的數(shù)據(jù)不合法！");//輸入非法時(shí)警告并忽略}else//大于{alert("你的年齡為"+age+"歲");//輸出年齡}--></script><!--腳本程序結(jié)束-->項(xiàng)目1JavaScript的基礎(chǔ)數(shù)據(jù)類(lèi)型的轉(zhuǎn)換顯式類(lèi)型轉(zhuǎn)換與隱式類(lèi)型轉(zhuǎn)換相對(duì)應(yīng)的是顯式類(lèi)型轉(zhuǎn)換，此過(guò)程需要手動(dòng)轉(zhuǎn)換到目標(biāo)類(lèi)型。要將某一類(lèi)型的數(shù)據(jù)轉(zhuǎn)換為另一類(lèi)型的數(shù)據(jù)需要用