JavaScript核心語言對(duì)象課件

《JavaScript核心語言對(duì)象課件》由會(huì)員分享，可在線閱讀，更多相關(guān)《JavaScript核心語言對(duì)象課件（33頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、,單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級(jí),第三級(jí),*,來自 中國(guó)最大的資料庫下載,JavaScript 核心語言對(duì)象,JavaScript 核心語言對(duì)象,回顧,聲明一個(gè)變量x，初值為10，對(duì)應(yīng)的js代碼？,alert(10“30”)；顯示為什么效果？,將字符串轉(zhuǎn)換為整數(shù)，使用哪個(gè)函數(shù)？,var x=“c”,，,var y;,switch,（,x,）,case “a”:,y=5;,case b:,y=6;,default:,y=0;,指出代碼錯(cuò)誤,2,回顧聲明一個(gè)變量x，初值為10，對(duì)應(yīng)的js代碼？var x,目標(biāo),使用數(shù)組,使用循環(huán)語句控制應(yīng)用程序,創(chuàng)建自定義函數(shù),理解 J

2、avaScript 對(duì)象,使用 String、Math 和 Date 等對(duì)象,3,目標(biāo)使用數(shù)組3,數(shù)組 4-1,聲明數(shù)組,var,數(shù)組名,=,new Array,(數(shù)組大小);,例：,var,emp,=,new Array(3),添加元素,emp0=“AA;,emp1=“BB;,emp2=“CC;,AA,BB,CC,emp,也可以聲明數(shù)組并賦初值：,例：,var,emp=,new Array,(“AA”，“BB”，“CC”)；,4,數(shù)組 4-1聲明數(shù)組 AABBCCemp 也可以聲明數(shù)組并,使用數(shù)組,var emp=new Array(3);,emp0=Ryan Dias;,emp1=Grah

3、am Browne;,emp2=David Greene;,document.write(數(shù)組emp中的數(shù)據(jù)為:);,document.write(emp0+);,document.write(emp1+);,document.write(emp2+);,數(shù)組 4-2,5,數(shù)組 4-2 5,數(shù)組,4-3,常用屬性,length,：返回?cái)?shù)組中元素的個(gè)數(shù),常用方法,方 法,說 明,join,將數(shù)組中的元素組合成字符串,reverse,顛倒數(shù)組元素的順序，使第一個(gè)元素成為最后一個(gè)，而最后一個(gè)元素成為第一個(gè),sort,對(duì)數(shù)組元素進(jìn)行排序,6,數(shù)組 4-3 常用屬性方 法說 明join將數(shù)組中的元素組合

4、,var emp=new Array(3);,emp0=Ryan Dias;,emp1=Graham Browne;,emp2=David Greene;,emp.sort();,document.write(“排序結(jié)果是：);,document.write(emp0+);,document.write(emp1+);,document.write(emp2+);,數(shù)組排序,4-2,7,數(shù)組排序 4-2 7,循環(huán),for循環(huán),do-while,while,8,循環(huán) for循環(huán)8,For 循環(huán)演示,document.write(打印金字塔直線);,for(var i=0;i100;i=i+5),

5、document.write();,for循環(huán),例：,var i;,for(i=0;i10;i+),/語句;,for 循環(huán),如何實(shí)現(xiàn),當(dāng)i=5 時(shí)，,9,for循環(huán)for 循環(huán)如何實(shí)現(xiàn)當(dāng)i=5 時(shí)，,.myfont,font-size:150;,color:#c99c96;,font-family:Webdings /產(chǎn)生埃及圖像的特殊字體,document.write(每個(gè)字符都對(duì)應(yīng)一個(gè)漂亮的埃及圖像);,do,var c=prompt(輸入一個(gè)字符，輸入N 或n停止,A);,document.write(+c+);,while(c!=N,while循環(huán),while(循環(huán)條件),/語句；,d

6、owhile循環(huán),do,/語句；,while(循環(huán)條件);,while和dowhile循環(huán),先執(zhí)行，后判斷循環(huán)條件,輸入一個(gè)字符，直到N停止，用哪個(gè)循環(huán),10,while循環(huán)while和dowhile循環(huán)先,JavaScript 函數(shù),內(nèi)置函數(shù),eval,函數(shù)：用于計(jì)算字符串表達(dá)式的值,isNaN,函數(shù)：用于驗(yàn)證參數(shù)是否為 NaN（非數(shù)字）,JavaScript 代碼,var str1=prompt(“輸入一個(gè)表達(dá)式，我給您計(jì)算,1+1);,var result=eval(str1);,document.write(str1+=+result);,var x=prompt(輸入一些數(shù)據(jù),0);

7、,if(isNaN(x),alert(x+不是一個(gè)數(shù)字);,else,alert(x+是一個(gè)數(shù)字);,11,JavaScript 函數(shù)內(nèi)置函數(shù) JavaScript,自定義函數(shù),定義函數(shù),：,function,函數(shù)名(參數(shù)1,參數(shù)2，),語句;,調(diào)用函數(shù)：,函數(shù)調(diào)用一般和表單元素的事件一起使用，調(diào)用格式為：事件名“函數(shù)名”;,function,sum(one,two),var result=one+two;,return,result;,表示單擊此按鈕時(shí)，調(diào)用函數(shù),sum(),執(zhí)行,12,自定義函數(shù)定義函數(shù)：function sum(one,函數(shù)的應(yīng)用,num1,num2,result,13,

8、函數(shù)的應(yīng)用 num1num2result13,定義函數(shù),JavaScript 代碼,function,compute(op),var num1,num2;,num1=parseFloat(document.myform.num1.value);,num2=parseFloat(document.myform.num2.value);,if(op=+),document.myform.result.value=num1+num2 ;,if(op=-),document.myform.result.value=num1-num2 ;,if(op=*),document.myform.result.

9、value=num1*num2 ;,if(op=/&num2!=0),document.myform.result.value=num1/num2 ;,定義函數(shù)compute()，完成計(jì)算的功能。op參數(shù)代表運(yùn)算符號(hào),14,定義函數(shù) JavaScript 代碼定義函數(shù)co,調(diào)用函數(shù),第一個(gè)數(shù),第二個(gè)數(shù),計(jì)算結(jié)果,15,調(diào)用函數(shù)FORM action=method=po,JavaScript 對(duì)象簡(jiǎn)介 2-1,對(duì)象是屬性和/方法的組合,屬性是對(duì)象所擁有的一組外觀特征，一般為名詞,方法是對(duì)象可以執(zhí)行的功能，一般為動(dòng)詞,例如：汽車,Ferrari,對(duì)象：汽車,屬性：型號(hào)：法拉利,顏色：綠色,方法：前

10、進(jìn)、剎車、倒車,16,JavaScript 對(duì)象簡(jiǎn)介 2-1Ferrari對(duì)象：汽,JavaScript 對(duì)象簡(jiǎn)介2-2,三類對(duì)象,瀏覽器對(duì)象,腳本對(duì)象,HTML 對(duì)象,瀏覽器窗口window,文檔 document,url地址等,String字符串對(duì)象,Date日期對(duì)象,Math數(shù)學(xué)對(duì)象等,各種HTML標(biāo)簽:,段落,圖片,超鏈接等,17,JavaScript 對(duì)象簡(jiǎn)介2-2三類對(duì)象 瀏覽器對(duì)象 腳,String 對(duì)象 3-1,創(chuàng)建字符串有兩種不同方法：,使用 var 語句,var,newstr=“這是我的字符串,創(chuàng)建 S,tring 對(duì)象,var,newstr=,new String,(“這

11、是我的字符串),18,String 對(duì)象 3-1創(chuàng)建字符串有兩種不同方法：18,String 對(duì)象 3-2,名 稱,說 明,屬性,l,ength,返回字符串的長(zhǎng)度,方法,big(),增大字符串文本,blink(),使字符串文本閃爍（IE 瀏覽器不支持）,bold(),加粗字符串文本,fontcolor(),確定字體顏色,italics(),用斜體顯示字符串,indexOf(“子字符串”，起始位置),查找子字符串的位置,strike(),顯示加刪除線的文本,sub(),將文本顯示為下標(biāo),toLowerCase(),將字符串轉(zhuǎn)換成小寫,toUpperCase(),將字符串轉(zhuǎn)換成大寫,語法：,ind

12、exOf(“查找的子字符串”，查找的起始位置),返回子字符串所在的位置，如果沒找到，返回,1,例如：,var x,var y=“abcdefg”;,x=y.indexOf(“c”,0);,/返回結(jié)果為2，起始位置是0,19,String 對(duì)象 3-2名 稱說 明屬性length返回字,function checkEmail(),var e=document.myform.email.value;,if(e.length=0)/檢測(cè)長(zhǎng)度是否為0，即是否為空,alert(電子郵件不能為空!);,return;,if(e.indexOf(,0)=-1)/檢測(cè)是否包含”符號(hào),alert(電子郵件格式不

13、正確n必須包含符號(hào)！);,return;,if(e.indexOf(.,0)=-1)/檢測(cè)是否包含”.”符號(hào),alert(電子郵件格式不正確n必須包含.符號(hào)！);,return;,document.write(恭喜您！，注冊(cè)成功！歡迎進(jìn)入古城熱線！);,檢查電子郵件,email,是否包含“”和”.”,String 對(duì)象 3-3,返回結(jié)果-1表示沒找到“”字符,20,SCRIPT LANGUAGE=JavaScript,Math 對(duì)象 2-1,名稱,說 明,屬性,PI,的值，,約等于 3.1415,LN10,10 的自然對(duì)數(shù)的值，約等于 2.302,E,Euler 的常量的值，約等于 2.718

14、。Euler 的常量用作自然對(duì)數(shù)的底數(shù),abs(y),返回 y 的絕對(duì)值,sin(y),返回 y 的正弦，返回值以弧度為單位。,cos(y),返回 y 的余弦，返回值以弧度為單位,tan(y),返回 y 的正切，返回值以弧度為單位,min(x,y),返回 x 和 y 兩個(gè)數(shù)中較小的數(shù),max(x,y),返回 x 和 y 兩個(gè)數(shù)中較大的數(shù),random,返回0-1的隨機(jī)數(shù),方法,round(y),四舍五入取整,sqrt(y),返回 y 的平方根,Math.random()：產(chǎn)生01的隨機(jī)小數(shù),Math.round()：四舍五入取整，如9.34 取整為9,21,Math 對(duì)象 2-1名稱 說 明屬

15、性PI 的值，約等于,自動(dòng)刷新,document.write(2秒自動(dòng)刷新，隨機(jī)顯示圖片);,var i=0;,i=Math.round(,Math.random(),*8+1);,document.write();,Math 對(duì)象 2-2,假定隨機(jī)產(chǎn)生的數(shù)字i=3，上述代碼即為：,顯示第三幅圖片（3.jpg）,如何實(shí)現(xiàn),每隔2秒刷新網(wǎng)頁,Math.round(Math.random()*8+1),產(chǎn)生1-9的數(shù)字,22,Math 對(duì)象 2-2假定隨機(jī)產(chǎn)生的數(shù)字i=3，,Date 對(duì)象10-1,Date 對(duì)象存儲(chǔ)的日期為自 1970 年 1 月 1 日 00:00:00 以來的毫秒數(shù),var

16、日期對(duì)象,=new Date(年、月、日等參數(shù)),例：,var mydate=new Date(“,July 29,1998,10:30:00”),如果沒有參數(shù)，表示當(dāng)前日期和時(shí)間,例：,var today=new Date(),23,Date 對(duì)象10-1 Date 對(duì)象存儲(chǔ)的日期為自 197,Date 對(duì)象10-2,Data 方法的分組：,方法分組,說 明,setxxx,這些方法用于設(shè)置時(shí)間和日期值,getxxx,這些方法用于獲取時(shí)間和日期值,Toxxx,這些方法用于從,Date,對(duì)象返回字符串值,parsexxx&UTCxx,這些方法用于解析字符串,24,Date 對(duì)象10-2Data 方法的分組：方法分組說 明,Date 對(duì)象10-3,用作 Date 方法的參數(shù)的整數(shù)：,值,整 數(shù),Seconds 和 minutes,0 至 59,Hours,0 至 23,Day,0 至 6,（星期幾）,Date,1 至 31（月份中的天數(shù)）,Months,0 至 11,（一月至十二月）,25,Date 對(duì)象10-3用作 Date 方法的參數(shù)的整數(shù)：值,Date 對(duì)象10-4,Set 方法：,