JavaScript基礎(chǔ)

《JavaScript基礎(chǔ)》由會(huì)員分享，可在線閱讀，更多相關(guān)《JavaScript基礎(chǔ)（65頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、 JavaScript 基 礎(chǔ) 什 么 是 JavaScript JavaScript 是 一 種 腳 本 語(yǔ) 言 提 供 用 戶 交 互 動(dòng) 態(tài) 更 改 內(nèi) 容 數(shù) 據(jù) 驗(yàn) 證 將 JavaScript嵌 入 網(wǎng) 頁(yè) 可 以 將 JavaScript 語(yǔ) 句 插 入 HTML 文 檔 ， 方 式 如 下 ： 使 用 標(biāo) 簽 將 語(yǔ) 句 嵌 入 文 檔 將 JavaScript 源 文 件 鏈 接 到 HTML 文 檔 中 使 用 Script 標(biāo) 簽JavaScript 代 碼document.write(歡 迎 來(lái) 到 JavaScript 世 界 );盡 情 享 受 學(xué) 習(xí) 的 快 樂(lè)

2、! 腳 本 代 碼設(shè) 置 語(yǔ) 言 使 用 外 部 JS 文 件 外 部 JavaScript 文 件 可 以 鏈 接 到 HTML 文 檔 中 SCRIPT 標(biāo) 簽 的 SRC（ 源 文 件 ） 屬 性 可 用 于 包 括 此 外 部 文 件 使 用 外 部 JS 文 件 JavaScript 代 碼 (test.htm)使 用 外 部 文 件 以 上 文 本 是 通 過(guò) 訪 問(wèn) 外 部 JavaScript 文 件 顯 示 的 document.write(喂 ！ 你 好 嗎 ?)JavaScript 代 碼 (test.js ) 變 量 變 量 名 必 須 以 字 母 或 下 劃 線 （

3、_） 開(kāi) 頭 變 量 可 以 包 含 數(shù) 字 、 從 A 至 Z 的 大 小 寫(xiě) 字 母 JavaScript 區(qū) 分 大 小 寫(xiě) ， 即 變 量 myVar、 myVAR 和 myvar 是 不 同 的 變 量 聲 明 變 量 var a; “ var” 用 于 聲 明 變 量 的 關(guān) 鍵 字 “ a” 變 量 名同 時(shí) 聲 明 和 初 始 化 變 量var a= 10; a = 10;聲 明 變 量聲 明 多 個(gè) 變 量 var x, y, z = 10; 賦 值 聲 明 變 量 使 用 變 量 var x;x=prompt(淘 寶 網(wǎng) 竟 拍 ， 請(qǐng) 出 一 口 價(jià) ,1) ;docum

4、ent.write(拍 賣 價(jià) 格 +x+) / +用 來(lái) 連 接 多 個(gè) 字 符 串document.write(恭 喜 您 ， 您 以 最 高 價(jià) 拍 賣 成 功 ！ );alert(歡 迎 下 次 光 臨 ！ ); 定 義 變 量 賦 值 輸 出prompt(“提 示 信 息 ” ,”默 認(rèn) 值 ” )將 彈 出 提 示 對(duì) 話 框 ， 接 受 用 戶的 輸 入 。 點(diǎn) 擊 確 定 返 回 輸 入 的字 符 串 ， 點(diǎn) 擊 取 消 反 饋 空 字 符串 。 變 量 a、 b 和 c 只 能在 其 各 自 的 函 數(shù) 中被 訪 問(wèn) 變 量 的 作 用 域腳 本 函 數(shù) function1局

5、 部 變 量 a函 數(shù) function2 局 部 變 量 b 函 數(shù) function3局 部 變 量 c可 由 函 數(shù) 1、 函數(shù) 2 和 函 數(shù) 3 訪問(wèn) 全 局 變 量 gg全 局 變 量 不 需 要 以 var 關(guān) 鍵 字 進(jìn) 行 聲 明 ， 但 局 部 變 量 則 必 須以 此 關(guān) 鍵 字 來(lái) 聲 明 浮 點(diǎn) 型 浮 點(diǎn) 型 字 面 量 至 少 必 須 含 有 一 個(gè) 數(shù) 字 。 此 數(shù) 字 可 包 含小 數(shù) 點(diǎn) 或 采 用 科 學(xué) 記 數(shù) 法 表 示 的 數(shù) 字 。 科 學(xué) 記 數(shù) 法 中 的 整 數(shù) 可以 是 正 整 數(shù) (+) 或 負(fù) 整 數(shù) (-)， 指 數(shù) (e) 表 示

6、 “ 十 次 冪 ” 。 例 如 10.24、1.20e+22、 4E-8、 .1815 等 。 常 量整 型浮 點(diǎn) 型字 符 串 型字 符說(shuō) 明示 例b退格符alert(“這是第一句 b 這是第二句”)f換頁(yè)符alert(“這是第一局 f 這是第二句”)n換行符alert(“這是第一局 n 這是第二句”)r回車符alert(“這是第一局 r 這是第二句”)t制表符 alert(“這是第一局 t 這是第二句”)和 C語(yǔ) 言 一 樣 ， js也 有 轉(zhuǎn) 義 字 符 ， 常 用 的 就 是 ： “ n ” 數(shù) 據(jù) 類 型數(shù)據(jù)類型說(shuō) 明示 例數(shù)字型整數(shù)或?qū)崝?shù)487, 25.95邏輯型或布爾型執(zhí)行邏輯

7、運(yùn)算tru或 false 字符串型一組字符“Hello”空特殊關(guān)鍵字，表示不存在的值。 null var x=100;var y;var z;document.write(競(jìng) 拍 SONY數(shù) 碼 相 機(jī) 600萬(wàn) 像 素 +x+$起 價(jià));y=prompt(加 多 少 銀 子 ？ ,1); z=x+y; alert(您 最 終 的 出 價(jià) n+z+$); /”n”用 于 換 行 顯 示 Prompt函 數(shù) 返 回 輸 入 的 字 符 串“ +” 號(hào) 的 用 法 -1 10020 ? bug200 var x=100;var y;var z;document.write(競(jìng) 拍 SONY數(shù) 碼

8、相 機(jī) 600萬(wàn) 像 素 +x+$起 價(jià));y=prompt(加 多 少 銀 子 ？ ,1); z=x+parseFloat( y ); alert(您 最 終 的 出 價(jià) n+z+$); /”n”用 于 換 行 顯 示 parseFloat( )函 數(shù) 將 字 符 串 轉(zhuǎn) 換 為 float數(shù) 據(jù) parseInt( )函 數(shù) 將 字 符 串 轉(zhuǎn) 換 為 int數(shù) 據(jù)如 果 轉(zhuǎn) 換 失 敗 ， 返 回 NaN值 (not a number)“ +” 號(hào) 的 用 法 -2 運(yùn) 算 符 運(yùn) 算 符 對(duì) 一 個(gè) 或 多 個(gè) 變 量 或 值 （ 操 作 數(shù) ） 進(jìn) 行 運(yùn) 算 ， 并 返 回 一 個(gè)

9、 新 值根 據(jù) 所 執(zhí) 行 的 運(yùn) 算 ， 運(yùn) 算 符 可 分 為 以 下 類 別 ： 算 術(shù) 運(yùn) 算 符 比 較 運(yùn) 算 符 邏 輯 運(yùn) 算 符 運(yùn) 算 符運(yùn)算符說(shuō) 明示 例+加a = 5 + 8-減a = 8 - 5/除a = 20 / 5*乘a = 5*19%取模兩個(gè)數(shù)相除的余數(shù)10 % 3 = 1+一元自加。該運(yùn)算符帶一個(gè)操作數(shù)，將操作數(shù)的值加 1。返回的值取決于 + 運(yùn)算符位于操作數(shù)的前面或是后面將返回 x 自加運(yùn)算后的值。x+ 將返回 x 自加運(yùn)算前的值 - -一元自減。該運(yùn)算符只帶一個(gè)操作數(shù)。返回的值取決于 - 運(yùn)算符位于操作數(shù)的前面或是后面-x 將返回 x 自減運(yùn)算后的值。x-

10、 將返回 x 自減運(yùn)算前的值 算 術(shù) 運(yùn) 算 符 -1num1 num2result function calcu( )var numb1= document.calc.num1.value;var numb2= document.calc.num2.value;var total=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total; 計(jì) 算 總 價(jià) 并 顯 示 添 加 單 擊 事 件 ， 單 擊 按 鈕 時(shí) 調(diào) 用 “calcu()” 函 數(shù) 算 術(shù) 運(yùn) 算 符 -2獲 取 表 單 中 輸 入 的 數(shù) 據(jù)

11、：document.表 單 名 .表 單 元 素 名 .value 定 義 calcu( )計(jì) 算 函 數(shù) ,實(shí) 現(xiàn) 兩 個(gè) 數(shù)相 乘 的 功 能 .定 義 函 數(shù) 的 語(yǔ) 法 ： function 函 數(shù) 名 (參 數(shù) 列 表 ) /JavaScript語(yǔ) 句 ； 比 較 運(yùn) 算 符比 較 運(yùn) 算 符 2-1 運(yùn)算符說(shuō) 明示 例= = 等于。如果兩個(gè)操作數(shù)相等，則返回真。a = = b!=不等于。如果兩個(gè)操作數(shù)不相等，則返回真。Var2 != 5大于。如果左邊的操作數(shù)大于右邊的操作數(shù)，則返回真。Var1 var2小于。如果左邊的操作數(shù)小于右邊的操作數(shù)，則 返回真。Var2 var1=小于等于

12、。如果左邊的操作數(shù)小于或等于右邊的操作數(shù)，則返回真。Var2 = 4Var2 =大于等于。如果左邊的操作數(shù)大于或等于右邊的操作數(shù)，則返回真。Var1 = 5Var1 = var2 function calcu()var numb1= document.calc.num1.value;var numb2= document.calc.num2.value;var total= parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total; if (total500) alert(購(gòu) 買 總 價(jià) 超 過(guò) 500n支 付 時(shí)

13、 將 贈(zèng) 送 超 級(jí) Q幣 2枚 ！ );.其 他 代 碼 略 ， 同 上 例 比 較 運(yùn) 算 符 購(gòu) 買 總 價(jià) 超 過(guò) 500，贈(zèng) 送 超 級(jí) Q幣 2枚 ！ 運(yùn) 算 符邏 輯 運(yùn) 算 符運(yùn)算符值說(shuō) 明與 ( var numb2= document.calc.num2.value;var total= parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total; if (total500) .其 他 代 碼 略 ， 同 上 例 邏 輯 運(yùn) 算 符500 1000 之 間 ， 贈(zèng) 送 超 級(jí) Q幣 兩 枚 ；100

14、0 2000之 間 ， 贈(zèng) 送 IBM智 能 鼠 標(biāo) 一 只 ； 2000以 上 ， 直 接 與 貴 賓 臺(tái) 聯(lián) 系 。 條 件 語(yǔ) 句 用 于 測(cè) 試 條 件 。if(條 件 ) JavaScript代 碼 ; 語(yǔ) 法 ： if 語(yǔ) 句 2-1如 果 要 執(zhí) 行 多 個(gè) 語(yǔ) 句 ， 必 須 將 這 些 語(yǔ) 句 放 在 一 對(duì) 大 括 號(hào) ( ) 內(nèi) 。但 如 果 只 要 執(zhí) 行 一 個(gè) 語(yǔ) 句 ， 則 可 以 省 略 大 括 號(hào) function calcu()var numb1= document.calc.num1.value;var numb2= document.calc.num2.

15、value;if (numb1!=) document.calc.result.value=total; if (total500) .其 他 代 碼 略 ， 同 上 例 If語(yǔ) 句 2-2如 果 輸 入 框 中 的 數(shù) 據(jù) 用 戶 漏 填 了 ，出 現(xiàn) NaN的 bug 為 什 么 呢 ? if else 語(yǔ) 句 2-1if(條 件 ) /JavaScript代 碼 ;else /JavaScript代 碼 ; 語(yǔ) 法 ： function calcu()var numb1= document.calc.num1.value;var numb2= document.calc.num2.val

16、ue;if (numb1!=) document.calc.result.value=total; if (total500) else alert(購(gòu) 買 數(shù) 量 或 競(jìng) 拍 價(jià) 格 沒(méi) 有 填 寫(xiě) n請(qǐng) 重 新 輸 入 ！ ); If-else語(yǔ) 句 2-2提 示 沒(méi) 有 填 寫(xiě) 購(gòu) 買 數(shù) 量 或 者 競(jìng) 拍 價(jià) 格 ? if (條 件 1) if (條 件 2) /JavaScript代 碼 ; 語(yǔ) 法 ： 嵌 套 if 語(yǔ) 句 2-1 function calcu()var numb1= document.calc.num1.value;var numb2= document.cal

17、c.num2.value;if (numb1!=) return; /函 數(shù) 返 回 ， 不 再 執(zhí) 行 后 面 的 代 碼 if (parseFloat(numb2)0) alert(購(gòu) 買 數(shù) 量 不 能 小 于 零 ！ n請(qǐng) 重 填 ); return; var total= parseFloat(numb1)*parseFloat(numb2); document.calc.result.value=total; . 嵌 套 If語(yǔ) 句 2-2購(gòu) 買 數(shù) 量 無(wú) 意 中 輸 入 負(fù) 數(shù) ， 出 現(xiàn) bug 怎 么 辦 ? switch 語(yǔ) 句 2-1switch (表 達(dá) 式 ) ca

18、se 常 量 1 : JavaScript語(yǔ) 句 ; break; case 常 量 2 : JavaScript語(yǔ) 句 ; break; . default : JavaScript語(yǔ) 句 ;語(yǔ) 法 ： 練 習(xí) 銀 行 轉(zhuǎn) 帳 打 6折電 話 支 付 打 7折郵 政 匯 款 打 8折Q幣 支 付 打 9折 . var f=document.calc.pay.value; /支 付 方 式 代 號(hào) var grade; /折 扣 率 var total= parseFloat(numb1)*parseFloat(numb2); switch(parseInt(f) case 1: grade=

19、0.6 ; /打 6折 優(yōu) 惠 break; case 2: .同 理 其 他 方 式 打 7折 、 八 折 case 4: grade=0.9 ; /打 9折 優(yōu) 惠 break;default: alert(請(qǐng) 重 新 選 擇 支 付 方 式 ！ ); return; var money=total*grade; /根 據(jù) 折 扣 率 ， 計(jì) 算 實(shí) 際 總 價(jià) document.calc.result.value=money; alert(您 享 受 了 +grade*10+折 優(yōu) 惠 ！ ); . 數(shù) 組 4-1 聲 明 數(shù) 組 var 數(shù) 組 名 = new Array(數(shù) 組 大

20、小 ); 例 ： var emp = new Array(3) 添 加 元 素 emp0 = “ AA; emp1 = “ BB; emp2 = “ CC; AABBCCemp 也 可 以 聲 明 數(shù) 組 并 賦 初 值 ： 例： var emp=new Array(“AA”，“BB”，“CC”)； 使 用 數(shù) 組 var emp = new Array(3);emp0 = Ryan Dias;emp1 = Graham Browne;emp2 = David Greene;document.write(數(shù) 組 emp中 的 數(shù) 據(jù) 為 :);document.write(emp0+);doc

21、ument.write(emp1+);document.write(emp2+); 數(shù) 組 4-2 數(shù) 組 4-3 常 用 屬 性 length ： 返 回 數(shù) 組 中 元 素 的 個(gè) 數(shù) 常 用 方 法方 法說(shuō) 明join將數(shù)組中的元素組合成字符串reverse顛倒數(shù)組元素的順序，使第一個(gè)元素成為最后一個(gè)，而最后一個(gè) 元素成為第一個(gè)sort對(duì)數(shù)組元素進(jìn)行排序 var emp = new Array(3);emp0 = Ryan Dias;emp1 = Graham Browne;emp2 = David Greene;emp.sort( );document.write(“排 序 結(jié) 果 是

22、 ： );document.write(emp0+);document.write(emp1+);document.write(emp2+); 數(shù) 組 排 序 4-2 循 環(huán) for循 環(huán) do-while while q for循 環(huán)例 ： var i;for (i=0; i10; i+) / 語(yǔ) 句 ; for 循 環(huán)如 何 實(shí) 現(xiàn) ？ for 循 環(huán)For 循 環(huán) 演 示 document.write(打 印 金 字 塔 直 線 );for (var i= 0; i100; i=i+5) document.write(); qwhile循 環(huán) while(循 環(huán) 條 件 ) /語(yǔ) 句 ；

23、 qdo while循 環(huán) do /語(yǔ) 句 ； while(循 環(huán) 條 件 );while和 do while循 環(huán)先 執(zhí) 行 ， 后 判 斷 循 環(huán) 條 件 輸 入 一 個(gè) 字 符 ， 直到 N停 止 ， 用 哪 個(gè) 循環(huán) while和 do while循 環(huán) .myfont font-size:150; color:#c99c96; font-family:Webdings /產(chǎn) 生 埃 及 圖 像 的 特 殊 字 體 document.write(每 個(gè) 字 符 都 對(duì) 應(yīng) 一 個(gè) 漂 亮 的 埃 及 圖 像 );do var c = prompt(輸 入 一 個(gè) 字 符 ， 輸 入 N

24、 或 n停 止 ,A) ; document.write (+c+); while (c !=N JavaScript 函 數(shù)內(nèi) 置 函 數(shù) eval 函 數(shù) ： 用 于 計(jì) 算 字 符 串 表 達(dá) 式 的 值 isNaN 函 數(shù) ： 用 于 驗(yàn) 證 參 數(shù) 是 否 為 NaN（ 非 數(shù) 字 ） JavaScript 函 數(shù)JavaScript 代 碼var str1=prompt(“輸 入 一 個(gè) 表 達(dá) 式 ， 我 給 您 計(jì) 算 ,1+1);var result=eval(str1);document.write(str1+=+result);var x = prompt(輸 入 一 些

25、 數(shù) 據(jù) ,0);if (isNaN(x) alert (x + 不 是 一 個(gè) 數(shù) 字 );else alert (x + 是 一 個(gè) 數(shù) 字 ); 自 定 義 函 數(shù) 定 義 函 數(shù) ：function 函 數(shù) 名 ( 參 數(shù) 1,參 數(shù) 2， ) 語(yǔ) 句 ; 調(diào) 用 函 數(shù) ：函 數(shù) 調(diào) 用 一 般 和 表 單 元 素 的 事 件 一 起 使 用 ， 調(diào) 用 格 式 為 ：事 件 名 “ 函 數(shù) 名 ” ; function sum ( one, two) var result = one + two; return result;表 示 單 擊 此 按 鈕 時(shí) ，調(diào) 用 函 數(shù) sum

26、( )執(zhí)行 函 數(shù) 的 應(yīng) 用 num1num2result 定 義 函 數(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.myf

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

28、 法 ： 前 進(jìn) 、 剎 車 、 倒 車 JavaScript 對(duì) 象 簡(jiǎn) 介 2-2q三 類 對(duì) 象 瀏 覽 器 對(duì) 象 腳 本 對(duì) 象 HTML 對(duì) 象 l瀏 覽 器 窗 口 windowl文 檔 documentlurl地 址 等 lString字 符 串 對(duì) 象lDate日 期 對(duì) 象lMath數(shù) 學(xué) 對(duì) 象 等 各 種 HTML標(biāo) 簽 :l段 落 l圖 片 l超 鏈 接 等 String 對(duì) 象 3-1創(chuàng) 建 字 符 串 有 兩 種 不 同 方 法 ： 使 用 var 語(yǔ) 句 var newstr = “ 這 是 我 的 字 符 串 創(chuàng) 建 String 對(duì) 象var newstr

29、= new String (“ 這 是 我 的 字 符 串 ) String 對(duì) 象 3-2名 稱說(shuō) 明屬性length返回字符串的長(zhǎng)度 方法big( )增大字符串文本 blink( )使字符串文本閃爍（IE 瀏覽器不支持）bold( )加粗字符串文本 fontcolor( )確定字體顏色 italics( )用斜體顯示字符串 indexOf(“子字符串”，起始位置 ) 查找子字符串的位置strike( )顯示加刪除線的文本 sub( )將文本顯示為下標(biāo) toLowerCase( )將字符串轉(zhuǎn)換成小寫(xiě) toUpperCase( )將字符串轉(zhuǎn)換成大寫(xiě) 語(yǔ) 法 ：indexOf(“查 找 的 子

30、字 符 串 ” ， 查 找 的 起 始 位 置 )返 回 子 字 符 串 所 在 的 位 置 ， 如 果 沒(méi) 找 到 ， 返 回 1例 如 ：var xvar y=“a cdefg”;x=y.indexOf(“c” , 0 ); /返 回 結(jié) 果 為 2， 起 始 位 置 是 0 function checkEmail( ) var e=document.myform.email.value; if (e.length=0) /檢 測(cè) 長(zhǎng) 度 是 否 為 0， 即 是 否 為 空 alert(電 子 郵 件 不 能 為 空 !); return ; if (e.indexOf(,0)=-1)

31、/檢 測(cè) 是 否 包 含 ”符 號(hào) alert(電 子 郵 件 格 式 不 正 確 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表 示 沒(méi)找 到 “ ”字 符 Math

32、 對(duì) 象 2-1名稱 說(shuō) 明屬性PI 的值， 約等于 3.1415LN10 10 的自然對(duì)數(shù)的值，約等于 2.302E Euler 的常量的值，約等于 2.718。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 的平方根Ma

33、th.random( ) ： 產(chǎn) 生 0 1的 隨 機(jī) 小 數(shù)Math.round( )： 四 舍 五 入 取 整 ， 如 9.34 取 整 為 9 Math 對(duì) 象 2-2假 定 隨 機(jī) 產(chǎn) 生 的 數(shù) 字 i=3， 上 述 代 碼 即 為 ：顯 示 第 三 幅 圖 片 （ 3.jpg） 如 何 實(shí) 現(xiàn) ？每 隔 2秒 刷 新 網(wǎng) 頁(yè) Math 對(duì) 象自 動(dòng) 刷 新 document.write(2秒 自 動(dòng) 刷 新 ， 隨 機(jī) 顯 示 圖 片 ); var i=0; i=Math.round(Math.random( )*8+1); document.write(); Date 對(duì) 象 1

34、0-1 Date 對(duì) 象 存 儲(chǔ) 的 日 期 為 自 1970 年 1 月 1 日 00:00:00 以 來(lái) 的 毫秒 數(shù) var 日 期 對(duì) 象 = new Date (年 、 月 、 日 等 參 數(shù) )例 ：var mydate=new Date( “July 29, 1998,10:30:00 ”) 如 果 沒(méi) 有 參 數(shù) ， 表 示 當(dāng) 前 日 期 和 時(shí) 間例 ：var today = new Date( ) Date 對(duì) 象 10-2Data 方法的分組： 方法分組說(shuō) 明 setxxx這些方法用于設(shè)置時(shí)間和日期值getxxx 這些方法用于獲取時(shí)間和日期值Toxxx這些方法用于從 D

35、ate 對(duì)象返回字符串值 parsexxx var hour = now.getHours( );if (hour=0 document.write(今 天 日 期 :+now.getYear()+年 “ +(now.getMonth( )+1)+月 +now.getDate()+日 );document.write(現(xiàn) 在 時(shí) 間 :+now.getHours()+點(diǎn)+now.getMinutes( )+分 ); Date對(duì) 象 10-7獲 得 當(dāng) 前 日 期 和 時(shí) 間獲 得 小 時(shí) ， 即 當(dāng) 前 是 幾 點(diǎn)判 斷 上 午 、 下 午 還 是 晚 上 月 份 數(shù) 字 0 11， 注 意

36、1 Date對(duì) 象 10-8 setTimeout的 用 法 ： setTimeout（ “ 調(diào) 用 的 函 數(shù) ” ,” 定 時(shí) 的 時(shí) 間 ” ） 例 ： var myTime setTimeout（ ” disptime( )” ,1000） ; clearTimeout（ myTime） ;本 例 的 時(shí) 間 可 以 采 用 定 時(shí) 顯 示 ， 使 用 定 時(shí) 器 函數(shù) ， 每 隔 1秒 調(diào) 用 disptime( )函 數(shù) 顯 示 時(shí) 間每 隔 1000毫 秒 調(diào) 用 函 數(shù)disptime( )執(zhí) 行關(guān) 閉 定 時(shí) 器 Date 對(duì) 象 10-8JavaScript 代碼funct

37、ion disptime( ) var time = new Date( ); /獲 得 當(dāng) 前 時(shí) 間 var hour = time.getHours( ); /獲 得 小 時(shí) 、 分 鐘 、 秒 var minute = time.getMinutes( ); var second = time.getSeconds( ); var apm=AM; /默 認(rèn) 顯 示 上 午 : AM if (hour12) /按 12小 時(shí) 制 顯 示 hour=hour-12; apm=PM ; if (minute 10) /如 果 分 鐘 只 有 1位 ， 補(bǔ) 0顯 示 minute=0+minu

38、te; if (second 10) /如 果 秒 數(shù) 只 有 1位 ， 補(bǔ) 0顯 示 second=0+second; document.myform.myclock.value= hour+:+minute+:+ second+ +apm;var myTime = setTimeout(disptime( ),1000); 無(wú) 邊 框 的 文 本 框 myclock使 用 定 時(shí) 器 函 數(shù) ， 每隔 1秒 調(diào) 用 disptime( )函 數(shù) 刷 新 顯 示獲 得 小 時(shí) 、 分 鐘 、 秒根 據(jù) 12小 時(shí) 制 調(diào) 整 時(shí) 間和 AM/PM標(biāo) 志確 保 分 鐘 和 秒 顯 示位 數(shù) 為 2 位var myTime = setTimeout(disptime( ),1000);設(shè) 置 定 時(shí) 器 每 隔 1秒 （ 1000毫 秒 ） ， 調(diào) 用 函 數(shù) disptime( )執(zhí) 行 ，刷 新 時(shí) 鐘 顯 示 Date對(duì) 象 10-10 設(shè) 置 樣 式 ： 無(wú) 邊 框 的 文 本 框Onload ( ) 事 件 ， 頁(yè) 面 加 載就 調(diào) 用 函 數(shù) ： disptime（ 顯 示 時(shí) 間 ）