1、內(nèi)置對(duì)象2022/8/24回顧2022/8/24 本講目標(biāo)MathString 常用方法Date一、內(nèi)置對(duì)象MathMath對(duì)象為我們提供了很多用于數(shù)學(xué)計(jì)算的方法和一些常量2022/8/24alert(Math.PI);/輸出var num=23.34; alert(Math.ceil(num);/返回大于等于num的最小整數(shù) alert(Math.floor(num);/返回小于等于num的最大整數(shù)。 alert(Math.round(num);/返回與num最接近的整數(shù)(四舍五入)。 alert(Math.random();/返回介于 0 和 1 之間的偽隨機(jī)數(shù)。產(chǎn)生的偽隨機(jī)數(shù)介于 0 和

2、 1 之間（含 0，不含 1）其實(shí)絕對(duì)的隨機(jī)數(shù)只是一種理想的隨機(jī)數(shù)，即使計(jì)算機(jī)發(fā)展到今天，它也不會(huì)產(chǎn)生一串絕對(duì)隨機(jī)的數(shù)。計(jì)算機(jī)只能產(chǎn)生相對(duì)隨機(jī)的數(shù)，即隨機(jī)數(shù)。 alert(Math.pow(10,3);/輸出10的3次方 alert(Math.abs(-12);/輸出-12的絕對(duì)值 alert(Math.max(2,3,4);/返回多個(gè)數(shù)值參數(shù)中較大的那個(gè) alert(Math.min(2,3,1);/返回多個(gè)數(shù)值參數(shù)中較小的那個(gè) alert(Math.sqrt(2);/返回一個(gè)數(shù)的平方根 alert(Math.SQRT2);/返回2的平方根 alert(Math.SQRT1_2);/返回二分

3、之一的平方根二、內(nèi)置對(duì)象DateDate對(duì)象像一個(gè)時(shí)光機(jī)2022/8/24var d = new Date();/Date對(duì)象需要?jiǎng)?chuàng)建 /Date 對(duì)象能夠表示的日期范圍約等于 1970 年 1 月 1 日前后各 285,616 年。 alert(d);/直接輸出這個(gè)對(duì)象,將會(huì)得到一個(gè)表示時(shí)間的字符串 /這個(gè)對(duì)象有一些方法,可以用來(lái)獲取時(shí)間的各個(gè)部分 alert(d.getYear();/獲取年,2000年以前返回年份后兩位,2000年之后的返回年份的完整表達(dá)方式 alert(d.getMonth();/返回月份,注意,月份是從0開始計(jì)數(shù)的,所以1月時(shí)將返回0 alert(d.getDate(

4、);/返回今天幾號(hào) alert(d.getDay();/返回今天星期幾,星期天是0,星期1是1. alert(d.getHours();/返回小時(shí) alert(d.getMinutes();/返回分鐘 alert(d.getSeconds();/返回秒 alert(d.getMilliSeconds();/返回毫秒 alert(d.getFullYear();/始終返回年份的4位數(shù)表達(dá)方式 alert(d.getTime(); /返回一個(gè)整數(shù)值,這個(gè)整數(shù)代表了從1970年1月1日開始計(jì)算到Date對(duì)象中的時(shí)間之間的毫秒數(shù) /日期的范圍大約是1970年1月1日午夜的前后各285616年,負(fù)數(shù)代表

5、1970年之前的日期二、內(nèi)置對(duì)象Date設(shè)置時(shí)間與那些getXXX方法對(duì)應(yīng)的設(shè)置時(shí)間的函數(shù)僅僅是將get改成set2022/8/24var d = new Date(); d.setFullYear(1990);/設(shè)置年份為1900 alert(d.getFullYear();/返回1900 alert(d.getTime();/輸出的值是負(fù)的,這驗(yàn)證了上面所說(shuō)的getTime()返回值演示時(shí)鐘特效如何實(shí)現(xiàn)如演示示例中所示的時(shí)鐘效果？演示示例：時(shí)鐘效果演示由于涉及到時(shí)間的顯示問(wèn)題，所以要用到日期對(duì)象Date，還有時(shí)間在不停地走，因此需要不斷地調(diào)用函數(shù)，所以要用到Window的定時(shí)器setInt

6、erval( )方法。setInterval(function() xxx , 1000); 第一個(gè)參數(shù)匿名函數(shù)二、Date對(duì)象 var 日期對(duì)象=new Date(參數(shù)) 參數(shù)格式：MM DD,YYYY,hh:mm:ssvar today=new Date(); /返回當(dāng)前日期和時(shí)間var tdate=new Date(september 1,2009,14:58:12);Date方法分組說(shuō) 明 setXxx這些方法用于設(shè)置時(shí)間和日期值getXxx 這些方法用于獲取時(shí)間和日期值二、Date對(duì)象的方法Date 對(duì)象的方法值整數(shù)Seconds 和 Minutes0 至 59 Hours0 至 2

7、3 Day0 至 6（星期幾） Date1 至 31（月份中的天數(shù)） Months0 至 11（一月至十二月） 制作時(shí)鐘特效-1function disptime() var today = new Date(); /獲得當(dāng)前時(shí)間 var hh = today.getHours(); /獲得小時(shí)、分鐘、秒 var mm = today.getMinutes(); var ss = today.getSeconds();document.getElementById(myclock).innerHTML=hh+:+mm+:+ss;示例完整代碼onload() 的作用 (頁(yè)面加載完執(zhí)行onload

8、) window.onload = 函數(shù)(); (頁(yè)面沒(méi)有載完執(zhí)行js代碼)3. window.onload = function()函數(shù)();(推薦onload事件使用匿名函數(shù)方式執(zhí)行) onload事件制作時(shí)鐘特效-2制作的時(shí)鐘特效示例中，時(shí)間為什么不改變？由于時(shí)間在不停地走，所以應(yīng)該每隔1秒調(diào)用顯示時(shí)間的方法，如何解決？使用setTimeout( )方法或setInterval()定時(shí)函數(shù)setTimeout()用法setTimeout（“調(diào)用的函數(shù)”, “指定的時(shí)間后）setInterval()方法setInterval（調(diào)用的函數(shù), 指定的時(shí)間間隔）var myTimesetTime

9、out(disptime( ) , 1000 );var myTimesetInterval(disptime( ) , 1000 );setTimeout()只執(zhí)行disptime()一次，如果要多次調(diào)用使用setInterval()者者讓disptime()自身再次調(diào)用setTimeout()每隔1秒(1000毫秒)執(zhí)行函數(shù)disptime()一次時(shí)鐘顯示特效練習(xí)制作12小時(shí)的時(shí)鐘-1需求說(shuō)明顯示年、月、日顯示星期幾顯示時(shí)鐘特效，時(shí)鐘為12小時(shí)進(jìn)制練習(xí)制作12小時(shí)的時(shí)鐘-2實(shí)現(xiàn)思路使用getFullYear()獲得當(dāng)前年份使用getMonth()+1獲得當(dāng)前月份使用getDate()獲得當(dāng)

10、前日期根據(jù)getHours()獲得的小時(shí)，使用if語(yǔ)句判斷當(dāng)前時(shí)間是否大于12 使用getDay()獲取當(dāng)前表示星期幾的數(shù)字，然后使用switch設(shè)置當(dāng)前星期幾學(xué)員練習(xí)源代碼完成時(shí)間：20分鐘 總結(jié)window對(duì)象有哪些常用的方法及其含義？請(qǐng)列舉Date對(duì)象有哪些方法？請(qǐng)解釋setTimeout()方法與setInterval()方法的區(qū)別，及各自適用場(chǎng)合？請(qǐng)舉例說(shuō)明事件onload和onclick的用法例3：設(shè)計(jì)程序，實(shí)現(xiàn)動(dòng)態(tài)顯示當(dāng)前時(shí)間提示：需要使用定時(shí)函數(shù)：SetTimeOut方法，實(shí)現(xiàn)每隔一定時(shí)間調(diào)用函數(shù)。作業(yè)課堂實(shí)例1.使用Math對(duì)象的random()方法編制一段程序?qū)崿F(xiàn)如下功能:

11、單擊開始按鈕,按照學(xué)員學(xué)號(hào)后兩位產(chǎn)生隨機(jī)數(shù)字,以產(chǎn)生的隨機(jī)數(shù)作為被選中學(xué)員來(lái)回答問(wèn)題。2.編制程序?qū)崿F(xiàn)如下功能:在網(wǎng)頁(yè)上輸出:今天是:XXXX年XX月XX日 星期X 距離2017年五一還有XX天.三、String對(duì)象創(chuàng)建String對(duì)象2022/8/24var str = new String(); alert(str);/輸出空字符串 str = new String(some string here); alert(str);/輸出字符串some string here /表面上看,這和直接創(chuàng)建的字符串是一樣的效果 str = some string here; alert(str);三、

12、String對(duì)象方法屬性創(chuàng)建String對(duì)象2022/8/24length 屬性,返回字符串的長(zhǎng)度indexOf 方法,返回字符串內(nèi)第一次出現(xiàn)子字符串的字符位置(沒(méi)有返回-1)lastIndexOf 方法,返回字符串中子字符串最后出現(xiàn)的位置charCodeAt(index)方法,返回一個(gè)整數(shù)，代表指定位置上字符的 Unicode 編碼String.fromCharCode(numX,numX,.,numX) 方法,從一些 Unicode 字符值中返回一個(gè)字符串replace(substr,replacement) 方法,進(jìn)行文字替換,返回替換后的字符串的復(fù)制substr(start,lengt

13、h) 方法,返回一個(gè)從指定位置開始的指定長(zhǎng)度的子字符串substring(start,stop)方法,返回位于 String 對(duì)象中指定位置的子字符串toLowerCase 方法,返回一個(gè)字符串，該字符串中的字母被轉(zhuǎn)換為小寫字母toUpperCase 方法,返回一個(gè)字符串，該字符串中的所有字母都被轉(zhuǎn)化為大寫字母split 方法,把字符串分割為字符串?dāng)?shù)組。三、String對(duì)象方法屬性創(chuàng)建String對(duì)象2022/8/24var str =some string here; alert(str.length);/16 alert(str.indexOf(s);/0,字符串的位置從0開始計(jì)數(shù) ale

14、rt(str.indexOf(o);/1 alert(str.indexOf(k);/沒(méi)有找到時(shí)返回-1 alert(str.lastIndexOf(e);/15,從后往前查找alert(str.charCodeAt(0);/115,小寫s的Unicode編碼 alert(String.fromCharCode(65,66,67,68);/返回ABCD,注意fromCharCode是String對(duì)象的靜態(tài)方法 alert(str.replace(some,much);/much string here alert(str.substr(1,2);/uc,從下標(biāo)1開始向后截取2個(gè)字符 alert

15、(str.substring(1,2);/c,從下標(biāo)1開始截取到下標(biāo)2,不包括結(jié)束位置的字符 alert(str.toLowerCase(); alert(str.toUpperCase(); alert(str.split( );/some,string,here表單驗(yàn)證的內(nèi)容日期是否有效或日期格式是否正確表單元素是否為空用戶名和密碼E-mail地址是否正確身份證號(hào)碼等是否是數(shù)字表單驗(yàn)證思路 當(dāng)輸入的表單數(shù)據(jù)不符合要求時(shí)，如何編寫腳本來(lái)進(jìn)行提示？獲得表單元素值使用JavaScript的一些方法對(duì)數(shù)據(jù)進(jìn)行判斷當(dāng)表單提示時(shí)，觸發(fā) onsubmit事件，對(duì)獲取的數(shù)據(jù)進(jìn)行驗(yàn)證驗(yàn)證休閑網(wǎng)登錄頁(yè)面驗(yàn)證休

16、閑網(wǎng)登錄頁(yè)面的Email演示示例：電子郵件格式驗(yàn)證電子郵件格式驗(yàn)證思路分析使用getElementById()獲取Email的值使用字符串方法indexOf( ) 判斷Email的值是否包含“”和“.”符號(hào)。根據(jù)函數(shù)返回值是true還是flase來(lái)決定是否提交表單var mail=document.getElementById(email).value;if(mail.indexOf()=-1) alert(Email格式不正確n必須包含); return false; 教師現(xiàn)場(chǎng)演示編碼過(guò)程文本框內(nèi)容驗(yàn)證-1姓名不能為空，并且姓名中不能有數(shù)字密碼不能為空，并且密碼包含的字符不能少于6個(gè)兩次輸入的密碼必須一致文本框內(nèi)容驗(yàn)證-2使用String對(duì)象的length屬性驗(yàn)證密碼的長(zhǎng)度var pwd=document.getElementById(pwd).value; if(pwd.length6) alert(密碼必須等于或大于6個(gè)字符); return false;驗(yàn)證兩次輸入密碼是否一致var repwd=docum