Java Web 開發(fā)課件第二章：內置核心語言對象

JavaScript第二章內置核心語言對象回顧聲明一個變量x，初值為10，對應的js代碼？alert(10＋“30”)；顯示為什么效果？將字符串轉換為整數(shù)，使用哪個函數(shù)？varx=“c”，vary;switch（x）{case“a”:y=5;case‘b’:y=6;default:y=0;}指出代碼錯誤目標核心內置對象的使用字符串對象數(shù)組對象數(shù)學對象日期時間對象對象內置對象Javascript語言是基于對象的,即經常要用到的功能,由語言的制定者事先在語言內部以對象的方式實現(xiàn)了,如果要用這些功能則直接使用這些對象對象是能完成一定功能的具體實體屬性(變量)方法(函數(shù))對象類型本地對象

ObjectFunctionArrayStringBooleanNumberDateRegExpErrorEvalErrorRangeErrorTypeErrorReferenceErrorSyntaxErrorURIError內置對象

GlobalMath宿主對象（自定義對象）對象的聲明和實例化對象是用關鍵字new后跟要實例化的類的名字創(chuàng)建，例如：varoObj=newObject();varoString

=newString();如果構造

函數(shù)無參數(shù)，括號可省略varoObj=newObject;varoString

=newString;Object對象名稱說明屬性constructor對創(chuàng)建對象的函數(shù)的引用（指針）prototype對該對象的對象原型的引用方法hasOwnProperty(“屬性名”)是否有某個特定屬性toString()對象的原始字符串表示valueOf()返回指定對象的原始值……

Object對象創(chuàng)建Object對象

varoPerson=newObject();oP＝"zhangsan";//oPerson["name"]="zhangsan";oPerson.age＝21;或者：varoPerson={name:"zhangsan",age:21}判斷對象是否有某個屬性：alert(oPerson.hasOwnProperty(“age”));思考：能否對object對象增加函數(shù)屬性（方法）？字符串對象String對象用于控制字符串的格式,或對字符串進行運算創(chuàng)建字符串對象:var

mystr=newString(“……”)//構造函數(shù)var

mystr=“……”//字義字符串變量mystr=“……”//為變量賦值length屬性:取得字符串長度(字符個數(shù))字符串對象方法:[與字符串格式相關]big()/small():增大/縮小字符串的文本大小bold()/italics():使字符串以粗體/斜體顯示fontcolor():設置字符串的文本顏色strike():使字符串文本以刪除線格式顯示sup()/sub():將字符串文本顯示為上標/下標toUpperCase()/toLowerCase():將字符串的所有字符轉換成大寫/小寫字符串對象方法:[與字符串運算相關]charAt(n): 返回指定位置的字符indexOf(“abc”)

返回指定字符(串)的位置lastIndexOf(“a”) 與上相同,從右向左找第一replace(“a”,”b”)

替換其中某個字符(串)substr(start,n) 返回從第幾個開始的共幾個substring(start,end)

截取從哪個開始到哪個結束的字符串split(“|”) 將字符串拆分為數(shù)組字符串對象名稱說明屬性length返回字符串的長度

方法big()增大字符串文本blink()使字符串文本閃爍（IE瀏覽器不支持）bold()加粗字符串文本

fontcolor()確定字體顏色

italics()用斜體顯示字符串

indexOf(“子字符串”，起始位置

)查找子字符串的位置strike()顯示加刪除線的文本

sub()將文本顯示為下標

……toLowerCase()將字符串轉換成小寫

toUpperCase()將字符串轉換成大寫跑馬燈<script

language=“javascript”>

varstrText=“笑話一則：小侄子用嶄新造句,一個嶄新的植物人誕生了";

//滾動的文字，定義為全局變量。

vari=1; //滾動的速度，通過設置每次截取字符串長度設定。

functionrun(){ strText=strText.substring(i,strText.length)+strText.substring(0,i)

//將目標字符串的前i個字符截取并移動到字符串末尾。

document.frmtext.txtstr.value=strText;

//將改變后的字符串顯示到文本框中

setTimeout("run()",200);

//通過設定定時器，不斷重復該操作，實現(xiàn)文字的滾動效果

}</script>方法：String.substring(start,end)用來對目標字符串進行截取，獲得String的一個字串。長度為end-start。該子串包括start處的字符，不包括end處的字符。屬性：String.length

字符串對象的length屬性保存字符串的長度值。數(shù)組對象作用：對大量變量進行快捷的運算和處理使用：要使用數(shù)組,必須創(chuàng)建一個數(shù)組對象的實例Array():數(shù)組對象的構造函數(shù)new:創(chuàng)建對象的實例創(chuàng)建數(shù)組對象myArr=newArray();myArr=newArray(3);//可存放三個元素myArr=newArray(“a”,”c”,”d”);//存放了三個元素的數(shù)組myArr=[“a”,”b”,”c”];//存放了三個元素的數(shù)組數(shù)組元素的訪問數(shù)組中的元素下標從零開始編號.對數(shù)組元素賦值,如下:Myarr[0]=“a”;Myarr[1]=“c”;Myarr[2]=“d”;讀取數(shù)組元素的值,如:alert(myarr[2]);數(shù)組允許的最大下標等于數(shù)組的元素個數(shù)減去一數(shù)組的元素個數(shù)

=數(shù)組最大下標

+

1<scriptlanguage=“javascript”> varMyArray=newArray();

MyArray[9]=“hello”;

//MyArray數(shù)組的長度為10</script>數(shù)組對象屬性屬性名描述length數(shù)組長度,即元素的個數(shù)數(shù)組對象方法方法名描述sort([sortFunction])排序.按每個元素中字符(含數(shù)字)的ASCII碼升序排列,如果相同位置上的字符相同則比較下一位的字符sortFunction:可選排序函數(shù)reverse()將顛倒數(shù)組元素的順序并返回顛倒后的數(shù)組join(連接字符串)把數(shù)組的所有元素都轉換成字符串，然后再把它們連接起來，方法的參數(shù)為連接字符串concat(arr1,arr2,..)兩個或多個數(shù)組進行組合，返回新數(shù)組slice(start,end)返回一個數(shù)組的一段push(item1,item2,..)將新元素添加到一個數(shù)組中，并返回數(shù)組的新長度值pop()移除數(shù)組中的最后一個元素并返回該元素shift()移除數(shù)組中的第一個元素并返回該元素unshift(item1,item2,..)將指定的元素插入數(shù)組開始位置并返回該數(shù)組splice(start,delCount,item1,item2,…)從數(shù)組中移除一個或多個元素，如果必要，在所移除元素的位置上插入新元素，返回所移除的元素二維數(shù)組（補充）姓名年齡張三22李四20王五18……JavaScript并不支持真正的多唯數(shù)組，但是它允許使用元素為數(shù)組的數(shù)組來模擬多維數(shù)組示例：用來保存客戶姓名及年齡…varUserInfo=newArray(newArray(),newArray());UserInfo[0][0]="張三";UserInfo[0][1]="22";UserInfo[1][0]="李四";UserInfo[1][1]="20";…或者varUserInfo=newArray();UserInfo[0]=newArray("張三",22);UserInfo[1]=newArray("李四",20);…數(shù)學對象Math對象是靜態(tài)對象，對象的方法和屬性通過對象名直接訪問，而不是對象實例.Math對象的屬性表現(xiàn)為一些常用的數(shù)學常量.它們的值不可改變.Math.PI:圓周率Math對象的方法表現(xiàn)為一些常用的數(shù)學運算函數(shù).max(,,,,)方法:返回各個參數(shù)中最大的數(shù)min(,,,)方法:返回各個參數(shù)中最小的數(shù)abs()方法:返回絕對值sin()方法:返回參數(shù)的正弦值,參數(shù)為弧度sqrt()方法:求輸入?yún)?shù)的平方根數(shù)學對象round():四舍五入為整數(shù)random():返回0-1的隨機小數(shù)返回

n到m之間的隨機整數(shù)：variNum=Math.floor(Math.random()*(m-n+1)＋n)；floor():取整,返回比參數(shù)小的最大整數(shù)ceil():返回大于或等于參數(shù)的最近整數(shù)思考Math.ceil(-3.14);Math.floor(-3.14);訪問樣式表(補充)JavaScript能夠動態(tài)的改變應用到文檔中各個元素的樣式命名規(guī)范：JavaScript中的Css性質Css樣式表中的屬性，在JavaScript中都可以訪問元素的style屬性中相應的屬性進行訪問如果一個Css樣式屬性名稱含有連字符，去掉連字符，且原來緊接在連字符后面的字母改為大寫<input

style=“width:20px”value=“測試”name=“txtTest”>javascript:document.frm.txtTest.style.width=“40px”;<input

style=“font-size:20px”value=“測試”name=“txtTest”>javascript:document.frm.txtTest.style.fontSize=“24px”;Random應用變色的文字<scriptlanguage="javascript"> functioncolor() //color函數(shù)用來獲取隨機顏色值

{ r=Math.floor(Math.random()*256);//隨機數(shù)取得紅色數(shù)值

g=Math.floor(Math.random()*256);//隨機數(shù)取得綠色數(shù)值

b=Math.floor(Math.random()*256);//隨機數(shù)取得藍色數(shù)值

return

“rgb(”+r+“,”+g+“,”+b+“)”;//將結果拼接成樣式表需要

//的格式返回

} functionRandomText()//用來設定文字樣式

{

document.getElementById("txt_01").style.color=color();

document.getElementById("txt_02").style.color=color();

document.getElementById("txt_03").style.color=color(); ……

//以上操作對分別對<span>標簽中的文字設定樣式，設定結果為color() //函數(shù)的返回值

setTimeout(“RandomText()”,300);

//設定定時器,延遲300秒調用函數(shù)RandomText() }</script>數(shù)學對象名稱說明屬性PI∏的值，約等于3.1415LN1010的自然對數(shù)的值，約等于2.302EEuler的常量的值，約等于2.718。Euler的常量用作自然對數(shù)的底數(shù)方法abs(y)返回y的絕對值sin(y)返回y的正弦，返回值以弧度為單位。cos(y)返回y的余弦，返回值以弧度為單位tan(y)返回y的正切，返回值以弧度為單位min(x,y)返回x和y兩個數(shù)中較小的數(shù)max(x,y)返回x和y兩個數(shù)中較大的數(shù)

random返回0-1的隨機數(shù)round(y)四舍五入取整sqrt(y)返回y的平方根Global對象

Global

對象從不直接使用，并且不能用new

運算符創(chuàng)建。它在Scripting引擎被初始化時創(chuàng)建，并立即使其方法和屬性可用。方法名描述eval(str)字符串提交給JScript

分析器進行分析和執(zhí)行isNaN(num)返回一個Boolean值，指明提供的值是否是保留值NaN（不是數(shù)字）parseInt(str)返回由字符串轉換得到的整數(shù)encodeURI(str)將文本字符串編碼為一個有效的統(tǒng)一資源標識符(URI)encodeURIComponent(str)將文本字符串編碼為一個統(tǒng)一資源標識符(URI)的一個有效組件decodeURI(str)返回一個已編碼的統(tǒng)一資源標識符(URI)的非編碼形式decodeURIComponent(str)返回統(tǒng)一資源標識符(URI)的一個已編碼組件的非編碼形式……日期對象日期對象的創(chuàng)建:mydate=newDate()

創(chuàng)建代表當前日期時間的日期對象mydate=newDate(“October1,2005,12:00:00”)

創(chuàng)建代表2005年國慶午時的日期對象Mydate=newDate(2005,9,1)創(chuàng)建代表2005年10月1日的日期對象日期對象以系統(tǒng)內存中以數(shù)值表示,以1970年1月1日0時0分0秒0毫秒為起始點,每過一毫秒增加一.日期對象的方法get方法組從日期對象中分解出它所處的年月日,星期幾,時分秒,毫秒值getYear()返回年份數(shù)getMonth()返回月份數(shù):0-11,應加上1.getDate()返回當前Date對象的日期數(shù):1-31getDay()返回星期幾:0-6,0代表星期日getHours()

返回小時數(shù):0-23getMinutes()返回分鐘數(shù):0-59getSeconds()返回秒數(shù):0-59getTime()返回毫秒數(shù):自起始時刻開始日期對象的方法set方法組設置(改變)日期對象的某一部分setYear()設置年份數(shù)setMonth()設置月份數(shù):參數(shù)0-11setDate()設置日期數(shù):參數(shù)1-31setHours()

設置小時數(shù):參數(shù)0-23setMinutes()設置分鐘數(shù):參數(shù)0-59setSeconds()設置秒數(shù):參數(shù)0-59functiontime_rota(){

varnow=new

Date(); //實例化日期對象，取得當前時間

varyear=now.getFullYear(); //調用對象的方法，獲得當前年份,月

varmonth=now.getMonth()+1; //份以及日期和星期幾，需要注意的

varday=now.getDate(); //是月份取得的值為(0-11),所以顯示

vardw=now.getDay(); //為實際日期時應該加1.

vardayOfweek=new

Array(); dayOfweek[0]=“星期日”; //星期取得的是阿拉伯數(shù)字，通常為

dayOfweek[1]="星期一"; //了友好顯示，我們將其轉換為中文

…… //顯示。

dayOfweek[6]="星期六";

varh=“0“+now.getHours(); //根據(jù)時段的不同，獲取的小時，分

varm="0“+now.getMinutes(); //鐘，秒鐘可能是個位或者十位數(shù)，

vars="0“+now.getSeconds(); //為了統(tǒng)一界面顯示，將其結果統(tǒng)一

if(h>9){h=now.getHours()} //顯示為2位數(shù)

if(m>9){m=now.getMinutes()}

if(s>9){s=now.getSeconds()}

document.frmTime.txtTime.value=year+“年”

+month+“月”

+day+“日”

+

dayOfweek[dw]+“”+h+“：”+m+“：”+s+“”;//將各時間值組合成字符串

setTimeout(“time_rota()”,1000