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

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