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