《面向?qū)ο缶幊獭稰PT課件

《《面向?qū)ο缶幊獭稰PT課件》由會員分享，可在線閱讀，更多相關(guān)《《面向?qū)ο缶幊獭稰PT課件（64頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、Web編 程 基 礎(chǔ)Chapter6： 面 向 對 象 編 程 2021年 4月 22日 星 期 四 對 象 內(nèi) 置 對 象本 地 對 象 Array對 象用 戶 自 定 義 對 象 提 綱 6.1 對 象 對 象 是 屬 性 和 方 法 的 組 合 屬 性 是 對 象 所 擁 有 的 一 組 外 觀 特 征 ， 一 般 為 名 詞 方 法 是 對 象 可 以 執(zhí) 行 的 功 能 ， 一 般 為 動 詞 例 如 ： 汽 車 Ferrari 對 象 ： 汽 車屬 性 ： 型 號 ： 法 拉 利顏 色 ： 綠 色方 法 ： 前 進 、 剎 車 、 倒 車 6.1 對 象q三 類 對 象 宿 主 對

2、 象 內(nèi) 置 對 象 自 定 義 對 象 lBOM瀏 覽 器 對 象 模 型lDOM文 檔 對 象 模 型lString字 符 串 對 象lDate日 期 對 象lBoolean對 象 等l包 括 定 義 對 象 的屬 性 和 方 法本 地 對 象 l Globall Math 6.2 內(nèi) 置 對 象Global對 象Math對 象 6.2 內(nèi) 置 對 象Global對 象Math對 象 6.2.1 Global對 象 Global對 象 的 屬 性n Array： 用 于 引 用 Array對 象 的 構(gòu) 造 函 數(shù) 。n Boolean： 用 于 引 用 Boolean對 象 的 構(gòu) 造

3、函 數(shù) 。n Date： 用 于 引 用 Date對 象 的 構(gòu) 造 函 數(shù) 。n EvalError： 用 于 引 用 EvalError對 象 的 構(gòu) 造 函 數(shù) 。n Function： 用 于 引 用 Function對 象 的 構(gòu) 造 函 數(shù) 。n Infinity： 返 回 Number.POSITIVE_INFINITY的 初 始 值 。 n NaN： 返 回 特 殊 值 NaN， 表 示 表 達 式 不 是 數(shù) 字 。n Number： 用 于 引 用 Number對 象 的 構(gòu) 造 函 數(shù) 。n Object： 用 于 引 用 Object對 象 的 構(gòu) 造 函 數(shù) 。n R

4、angeError： 用 于 引 用 RangeError對 象 的 構(gòu) 造 函 數(shù) 。n ReferenceError： 用 于 引 用 ReferenceError對 象 的 構(gòu) 造 函 數(shù) 。n RegExp： 用 于 引 用 RegExp對 象 的 構(gòu) 造 函 數(shù) 。n Error： 用 于 引 用 Error對 象 的 構(gòu) 造 函 數(shù) 。n String： 用 于 引 用 String對 象 的 構(gòu) 造 函 數(shù) 。n SyntaxError： 用 于 引 用 SyntaxError對 象 的 構(gòu) 造 函 數(shù) 。 n TypeError： 用 于 引 用 TypeError對 象 的

5、構(gòu) 造 函 數(shù) 。n URIError： 用 于 引 用 URIError對 象 的 構(gòu) 造 函 數(shù) 。 6.2.1 Global對 象 Global對 象 的 方 法n decodeURI： 對 用 encodeURI方 法 編 碼 的 字 符 串 進 行 解 碼 。n decodeURIComponent： 對 用 encodeURIComponent方 法 編 碼 的 字 符 串 進 行 解碼 。n encodeURI： 將 字 符 串 編 碼 為 一 個 有 效 的 統(tǒng) 一 資 源 標 識 符 （ URI） 。n encodeURIComponent： 將 字 符 串 編 碼 為 UR

6、I的 一 個 有 效 組 成 部 分 。n escape： 對 字 符 串 進 行 編 碼 以 便 它 們 能 在 所 有 計 算 機 上 可 讀 。 n eval： 解 析 JavaScript代 碼 并 執(zhí) 行 。n isFinite： 返 回 一 個 Boolean值 ， 指 明 所 提 供 的 數(shù) 字 是 否 為 有 限 值 。n isNaN： 返 回 一 個 Boolean值 ， 指 明 提 供 的 值 是 否 為 保 留 值 NaN（ 不 是 數(shù) 字 ） 。n parseFloat： 返 回 由 字 符 串 轉(zhuǎn) 換 得 到 的 浮 點 數(shù) 。n parseInt： 返 回 由 字

7、符 串 轉(zhuǎn) 換 得 到 的 整 數(shù) 。n unescape： 對 用 escape進 行 編 碼 的 字 符 串 進 行 解 碼 。 6.2.2 Math對 象Math對 象 :執(zhí) 行 常 見 數(shù) 學(xué) 計 算n 使 用 數(shù) 學(xué) 對 象 的 語 法 規(guī) 則 如 下 ：nMath.屬 性 名nMath.方 法 名 （ 參 數(shù) 1， 參 數(shù) 2， ） 6.2.2 Math對 象屬 性 數(shù) 學(xué) 意 義 值E 歐 拉 常 數(shù) ， 自 然 對 數(shù) 的 底 約 等 于 2.7138LN2 2的 自 然 對 數(shù) 約 等 于 0.6931LN10 10的 自 然 對 數(shù) 約 等 于 2.3026LOG2E 2為

8、 底 的 e的 自 然 對 數(shù) 約 等 于 1.4427LOG10E 10為 底 的 e的 自 然 對 數(shù) 約 等 于 0.4343 PI 約 等 于 3.14159SQRT1_2 0.5的 平 方 根 約 等 于 0.707SQRT2 2的 平 方 根 約 等 于 1.414 6.2.2 Math對 象方 法 意 義 示 例abs(x) 返 回 x的 絕 對 值 abs(2)結(jié) 果 為 2, abs(-2)結(jié) 果 為 2acos(x) 返 回 某 數(shù) 的 反 余 弦 值 （ 以 弧 度 為 單 位 )， x在-1至 1范 圍 內(nèi) acos(1)結(jié) 果 為 0asin(x) 返 回 某 數(shù) 的

9、 反 正 弦 值 （ 以 弧 度 為 單 位 ） asin(0.5)結(jié) 果 約 為 0.5236atan(x) 返 回 某 數(shù) 的 反 正 切 值 （ 以 弧 度 為 單 位 ） atan(1)結(jié) 果 約 為 0.7854ceil(x) 返 回 與 某 數(shù) 相 等 或 大 于 該 數(shù) 的 最 小 整 數(shù) ceil(-15)結(jié) 果 為 -15, ceil(-15.6)結(jié) 果 為-15, ceil(15.2)結(jié) 果 為 -16, ceil(15)結(jié) 果 為 15cos(x) 返 回 某 數(shù) （ 以 弧 度 為 單 位 ） 的 余 弦 值 cos(Math.PI*2/6)結(jié) 果 為 0.5exp(x

10、) 返 回 e的 x次 方 exp(2)結(jié) 果 約 為 7.389floor(x) 與 ceil相 反 ， 返 回 與 某 數(shù) 相 等 或 小 于 該 數(shù) 的最 小 整 數(shù) floor(-15)結(jié) 果 為 -15, floor(-15.6)結(jié) 果為 -16, floor(15.2)結(jié) 果 為 15, floor(15)結(jié) 果 為 15log(x) 返 回 某 數(shù) 的 自 然 對 數(shù) (以 e為 底 ) Log(Math.E)結(jié) 果 為 1 6.2.2 Math對 象方 法 意 義 示 例max(x,y) 返 回 兩 數(shù) 間 的 較 大 值 max(1,3)結(jié) 果 為 3min(x,y) 返 回

11、 兩 數(shù) 間 的 較 小 值 min(1,3)結(jié) 果 為 1pow(x,y) 返 回 x的 y次 方 pow(2,3)結(jié) 果 為 8random() 返 回 0和 1之 間 的 隨 機 數(shù) max(1,3)結(jié) 果 為 3round(x) 返 回 某 數(shù) 四 舍 五 入 之 后 的 整 數(shù) round(3.4)結(jié) 果 為 3 sin(x) 返 回 某 數(shù) （ 以 弧 度 為 單 位 ） 的 正 弦 值 sin(Math.PI/6)結(jié) 果 為 0.5sqrt(x) 返 回 某 數(shù) 的 平 方 根 sqrt(9)結(jié) 果 為 3tan(x) 返 回 某 書 的 正 切 值 tax(Math.PI/4)

12、結(jié) 果 為 1toFixed(x) 返 回 某 數(shù) 四 舍 五 入 之 后 保 留 x位 小 數(shù) var num1=1204.238; num1.toFixed(2)結(jié) 果 為1204.24toPrecision(x) 返 回 某 數(shù) 四 舍 五 入 之 后 保 留 x位 字 符 var num1=1204.238; num1.toPrecision(5)結(jié) 果為 1204.2 6.2.2 Math對 象自 動 刷 新 document.write(2秒 自 動 刷 新 ， 隨 機 顯 示 圖 片 ); var i=Math.round(Math.random( )*8+1);document

13、.write(“); 假 定 隨 機 產(chǎn) 生 的 數(shù) 字 i=3， 上 述 代 碼 即 為 ：顯 示 第 三 幅 圖 片 （ 3.jpg） 如 何 實 現(xiàn)Math.round(Math.random( )*8+1) 產(chǎn) 生 1-9的 數(shù) 字 6.3 本 地 對 象Numer對 象String對 象Boolean對 象Array對 象Date對 象Object對 象 6.3.1 Number對 象Number對 象n var n = new Number(numericValue);n toString()： 返 回 數(shù) 值 對 象 的 字 符 串 表 示n valueOf()： 返 回 指 定

14、 數(shù) 值 對 象 的 原 始 值 6.3.2 String對 象String對 象 :封 裝 了 一 個 字 符 串 的 屬 性 和 行 為n var s = new String(“字 符 串 ” );n length屬 性 ： 返 回 String對 象 的 長 度 。 charAtn 返 回 字 符 串 指 定 位 置 的 字 符toLowerCasen 轉(zhuǎn) 換 成 小 寫 字 母toUpperCasen 轉(zhuǎn) 換 成 大 寫 字 母 indexOf(String ， index) n 從 左 開 始 查 找 lastIndexOf(String ， index) n 從 右 開 始 查

15、找 6.3.2 String對 象 var banana = banana ；var index1 = banana. indexOf (a);var index2 = banana. lastIndexOf (a);var index3 = banana. lastIndexOf (h);var index4 = banana. indexOf (a,2);var index5 = banana. lastIndexOf (a,4);var index6 = banana. lastIndexOf (h,2);var index7 = banana. indexOf (“an”);var i

16、ndex8 = banana. lastIndexOf (“an”);var index9 = banana. lastIndexOf (“hh”);6.3.2 String對 象 課 堂 練 習var s = “一 個 任 意 字 符 串 ”;var s1 = “任 意 字 符 ”;編 寫 代 碼 ， 判 斷s1是 否 在s中n 在 ， 輸 出s1的 首 次 出 現(xiàn) 位 置n 不 在 ， 輸 出 ” 找 不 到 指 定 字 符 ： ”+s1 var s=一 個 任 意 字 符 串 ; var s1=任 意 字 符 ; if(s.indexOf(s1)!=-1) document.writel

17、n(s.indexOf(s1); else document.writeln(找 不 到 字 符 串 ： +s1); 從 字 符 串 中 抽 取 子 串 :substring(start)substring(start, end)6.3.2 String對 象 舉 例var myStr = 五 岳 歸 來 不 看 山 ;var subStr = myStr.substring(2);var subStr = myStr.substring(2, 6); split方 法 用 于 將 一 個 字 符 串 分 割 為 子 字 符 串 ， 然 后將 結(jié) 果 作 為 字 符 串 數(shù) 組 返 回 。 舉

18、 例 ：var s=abc edf ab;var a=s.split( );document.writeln(a.join();輸 出 ： abc edf ab 6.3.2 String對 象 6.3.3 Boolean對 象Boolean對 象n var b = new Boolean(booleanValue);n初 始 值 為 true： booleanValue為 1、 true或 非 空 字 符 串n初 始 值 為 false： booleanValue為 0、 false或 空 字 符 串n toString():返 回 Boolean對 象 的 字 符 串 表 示n valueO

19、f():返 回 指 定 Boolean對 象 的 原 始 值 6.3.4 Array對 象Array對 象n var aArray = new Array();n var aArray = new Array(size);n var aArray = new Array(element0, element1, ., elementN) 6.3.4 Array對 象 Array對 象 的 方 法n concat： 把 兩 個 數(shù) 組 組 合 成 一 個 新 數(shù) 組 并 返 回 該 數(shù) 組 。n join： 把 數(shù) 組 的 所 有 元 素 連 接 起 來 形 成 一 個 String對 象 并 返

20、 回 該 對 象 。n pop： 移 除 數(shù) 組 中 的 最 后 一 個 元 素 并 返 回 該 元 素 。n push： 把 新 元 素 添 加 到 數(shù) 組 中 并 返 回 數(shù) 組 的 新 長 度 值 。n reverse： 反 轉(zhuǎn) 數(shù) 組 的 元 素 順 序 并 返 回 反 轉(zhuǎn) 后 的 數(shù) 組 。n shift： 移 除 數(shù) 組 aArray中 的 第 一 個 元 素 并 返 回 該 元 素 。 n slice： 返 回 數(shù) 組 的 一 段 。n sort： 返 回 一 個 元 素 已 經(jīng) 進 行 了 排 序 的 Array對 象 。n splice： 從 一 個 數(shù) 組 中 移 除 一

21、個 或 多 個 元 素 ， 如 果 必 要 ， 在 所 移 除 元 素 的 位 置上 插 入 新 元 素 ， 返 回 所 移 除 的 元 素 。n toLocaleString： 返 回 由 數(shù) 組 aArray的 元 素 構(gòu) 成 的 字 符 串 ， 若 數(shù) 組 元 素 為 日 期對 象 ， 則 該 日 期 使 用 當 前 區(qū) 域 設(shè) 置 轉(zhuǎn) 換 為 字 符 串 。n toString： 返 回 數(shù) 組 對 象 的 字 符 串 表 示 。n unshift： 把 指 定 的 元 素 插 入 數(shù) 組 開 始 位 置 并 返 回 該 數(shù) 組 。n valueOf： 返 回 指 定 Array對 象

22、 的 原 始 值 。 6.3.5 Date對 象Date對 象 :提 供 用 于 處 理 日 期 和 時 間 的 方 法n var d = new Date(DateValue);n 四 種 方 式 ：nnew Date(); /當 前 日 期nnew Date(日 期 字 串 );nnew Date(年 ,月 ,日 ,時 ,分 ,秒 ,毫 秒 ); nnew Date(毫 秒 ); 6.3.5 Date對 象日 期 對 象 方 法 語 法 規(guī) 則 意 義 時 區(qū)日 期 對 象 .getDate() 返 回 整 數(shù) 表 示 日 期 對 象 月 份 中 的 日 期 數(shù)(131) 計 算 機 指

23、定 時 區(qū)日 期 對 象 .getDay() 返 回 整 數(shù) 表 示 日 期 對 象 中 的 星 期 數(shù) ， 0表 示 星 期 日 ， 6表 示 星 期 六 計 算 機 指 定 時 區(qū)日 期 對 象 .getMonth() 返 回 整 數(shù) 表 示 日 期 對 象 的 月 份 數(shù) ， 0表示 一 月 計 算 機 指 定 時 區(qū)日 期 對 象 .getFullYear() 返 回 4位 整 數(shù) 表 示 日 期 對 象 中 的 年 ， 該方 法 可 以 代 替 getYear()方 法 計 算 機 指 定 時 區(qū) 日 期 對 象 .getYear() 返 回 兩 位 整 數(shù) 表 示 日 期 對 象

24、中 的 年 。 計 算 機 指 定 時 區(qū)日 期 對 象 .getHours() 返 回 整 數(shù) 表 示 日 期 對 象 中 的 小 時 數(shù)(023) 計 算 機 指 定 時 區(qū)日 期 對 象 .getMinutes() 返 回 整 數(shù) 表 示 日 期 對 象 中 的 分 鐘 數(shù)(059) 計 算 機 指 定 時 區(qū)日 期 對 象 .getSeconds() 返 回 整 數(shù) 表 示 日 期 對 象 中 的 秒 數(shù) (059) 計 算 機 指 定 時 區(qū)日 期 對 象 .getMilliseconds() 返 回 整 數(shù) 表 示 日 期 對 象 中 的 毫 秒 數(shù)(0999) 計 算 機 指 定

25、 時 區(qū) 6.3.5 Date對 象日 期 對 象 方 法 語 法 規(guī) 則 意 義 時 區(qū)日 期 對 象 .getTime() 返 回 整 數(shù) 表 示 自 1970年 1月 1日 0： 0：0起 的 毫 秒 數(shù) 計 算 機 指 定 時 區(qū)日 期 對 象 .getTimezoneOffset() 返 回 整 數(shù) 表 示 計 算 機 設(shè) 定 時 區(qū) 與 格林 尼 治 標 準 時 間 相 差 的 分 鐘 數(shù) 格 林 尼 治 標 準 時 間日 期 對 象 .getUTCDate() 與 getDate()意 思 相 同 ， 只 是 表 示 的時 區(qū) 不 同 格 林 尼 治 標 準 時 間日 期 對 象

26、 .getUTCDay() 與 getDay()意 思 相 同 ， 只 是 表 示 的時 區(qū) 不 同 格 林 尼 治 標 準 時 間日 期 對 象 .getUTCMonth() 與 getMonth()意 思 相 同 ， 只 是 表 示的 時 區(qū) 不 同 格 林 尼 治 標 準 時 間 日 期 對 象 .getUTCFullYear() 與 getFullYear()意 思 相 同 ， 只 是 表 示的 時 區(qū) 不 同 格 林 尼 治 標 準 時 間日 期 對 象 .getUTCHours() 與 getHours()意 思 相 同 ， 只 是 表 示 的時 區(qū) 不 同 格 林 尼 治 標 準

27、 時 間日 期 對 象 .getUTCMinutes() 與 getMinutes()意 思 相 同 ， 只 是 表 示的 時 區(qū) 不 同 格 林 尼 治 標 準 時 間日 期 對 象 .getUTCSeconds() 與 getSeconds()意 思 相 同 ， 只 是 表 示的 時 區(qū) 不 同 格 林 尼 治 標 準 時 間日 期 對 象 .getUTCMilliseconds() 與 getMilliseconds()意 思 相 同 ， 只 是表 示 的 時 區(qū) 不 同 格 林 尼 治 標 準 時 間 6.3.5 Date對 象日 期 對 象 方 法 語 法 規(guī) 格 意 義 時 區(qū)Da

28、te.parse(日 期 字 串 ) 返 回 整 數(shù) 表 示 自 1970年 1月 1日 0： 0： 0起 的 毫 秒 數(shù) 計 算 機 指 定 時 區(qū)日 期 對 象 .setDate(日 期 數(shù) ) 設(shè) 置 日 期 對 象 月 份 中 的 日 期 數(shù) 131 計 算 機 指 定 時 區(qū)日 期 對 象 .setFullYear(年 ,月 ,日 ) 設(shè) 置 日 期 對 象 中 的 年 數(shù) ， 4位 整 數(shù) 計 算 機 指 定 時 區(qū)日 期 對 象 .setHours(小 時 ,分 ,秒 ,毫秒 ) 設(shè) 置 日 期 對 象 中 的 小 時 數(shù) 計 算 機 指 定 時 區(qū) 日 期 對 象 .setMi

29、lliseconds(毫 秒 ) 設(shè) 置 日 期 對 象 的 毫 秒 數(shù) 計 算 機 指 定 時 區(qū)日 期 對 象 .setMinutes(分 ,秒 ,毫 秒 ) 設(shè) 置 日 期 對 象 的 分 鐘 數(shù) 計 算 機 指 定 時 區(qū)日 期 對 象 .setMonth(月 ,日 ) 設(shè) 置 日 期 對 象 的 月 份 數(shù) 計 算 機 指 定 時 區(qū)日 期 對 象 .setSeconds(秒 ,毫 秒 ) 設(shè) 置 日 期 對 象 的 秒 數(shù) 計 算 機 指 定 時 區(qū)日 期 對 象 .setTime(總 毫 秒 數(shù) ) 設(shè) 置 日 期 對 象 自 1970年 1月 1日 0： 0： 0起 的 毫 秒

30、 數(shù) 計 算 機 指 定 時 區(qū)日 期 對 象 .setYear() 設(shè) 置 日 期 對 象 中 的 年 數(shù) ， 如 果 位 數(shù) 小于 等 于 兩 位 ， 則 年 份 表 示 19xx 計 算 機 指 定 時 區(qū) 6.3 Date對 象日 期 對 象 方 法 語 法 規(guī) 格 意 義 時 區(qū)日 期 對 象 .setUTCDate() 與 setDate()意 義 相 同 ， 只 是 表 示 的 時 區(qū) 不 同 格 林 尼 治 標 準 時 間日 期 對 象 . setUTCDay() 與 setDay()意 義 相 同 ， 只 是 表 示 的 時 區(qū) 不 同 格 林 尼 治 標 準 時 間日 期

31、對 象 .seUTCMonth() 與 setMonth()意 義 相 同 ， 只 是 表 示 的 時 區(qū) 不同 格 林 尼 治 標 準 時 間日 期 對 象 . setUTCFullYear() 與 setFullYear()意 義 相 同 ， 只 是 表 示 的 時 區(qū)不 同 格 林 尼 治 標 準 時 間日 期 對 象 .setUTCHours() 與 setHours()意 義 相 同 ， 只 是 表 示 的 時 區(qū) 不同 格 林 尼 治 標 準 時 間日 期 對 象 .setUTCMinutes() 與 setMinutes()意 義 相 同 ， 只 是 表 示 的 時 區(qū) 不 同

32、格 林 尼 治 標 準 時 間日 期 對 象 .setUTCSeconds() 與 setSeconds()意 義 相 同 ， 只 是 表 示 的 時 區(qū)不 同 格 林 尼 治 標 準 時 間日 期 對 象 .setUTCMilliseconds() 與 setMilliseconds()意 義 相 同 ， 只 是 表 示 的 時區(qū) 不 同 格 林 尼 治 標 準 時 間日 期 對 象 .toUTCString() 將 日 期 對 象 轉(zhuǎn) 換 成 格 林 尼 治 標 準 時 間 的 日 期字 串 格 林 尼 治 標 準 時 間日 期 對 象 .toLocaleString() 將 日 期 對

33、象 轉(zhuǎn) 換 成 當 地 時 區(qū) 的 日 期 字 串 計 算 機 指 定 時 間Date.UTC(年 ,月 ,日 ,時 ,分 ,秒 ,毫 秒 ) 返 回 整 數(shù) 表 示 自 1970年 1月 1日 0： 0： 0起 的毫 秒 數(shù) 格 林 尼 治 標 準 時 間 用 作 Date 方 法 的 參 數(shù) 的 整 數(shù) ： 值 整 數(shù) Seconds 和 minutes 0 至 59 Hours 0 至 23 Day 0 至 6（ 星 期 幾 ） Date 1 至 31（ 月 份 中 的 天 數(shù) ） Months 0 至 11（ 一 月 至 十 二 月 ） 6.3.5 Date對 象 6.3.5 Date

34、對 象var now= new Date( );var hour = now.getHours( );if (hour=0 document.write(今 天 日 期 :+now.getYear()+年 “ +(now.getMonth( )+1)+月 +now.getDate()+日 ); document.write(現(xiàn) 在 時 間 :+now.getHours()+點+now.getMinutes( )+分 ); 獲 得 當 前 日 期 和 時 間獲 得 小 時 ， 即 當 前 是 幾 點判 斷 上 午 、 下 午 還 是 晚 上月 份 數(shù) 字 0 11， 注 意 1 setTimeo

35、ut的 用 法 ： setTimeout（ “ 調(diào) 用 的 函 數(shù) ” ,”定 時 的 時 間 ” ） 例 ： var myTime setTimeout（ ” disptime( )”,1000） ; clearTimeout（ myTime） ; 1000毫 秒 后 調(diào) 用 函 數(shù)disptime( )執(zhí) 行關(guān) 閉 定 時 器6.3.5 Date對 象 6.3.5 Date對 象JavaScript 代 碼function disptime( ) var time = new Date( ); /獲 得 當 前 時 間 var hour = time.getHours( ); /獲 得 小

36、 時 、 分 鐘 、 秒 var minute = time.getMinutes( ); var second = time.getSeconds( ); var apm=AM; /默 認 顯 示 上 午 : AM if (hour12) /按 12小 時 制 顯 示 hour=hour-12; apm=PM ; if (minute 10) /如 果 分 鐘 只 有 1位 ， 補 0顯 示 minute=0+minute; if (second 10) /如 果 秒 數(shù) 只 有 1位 ， 補 0顯 示 second=0+second; document.myform.myclock.val

37、ue= hour+:+minute+:+ second+ +apm;var myTime = setTimeout(disptime( ),1000); 無 邊 框 的 文 本 框 myclock使 用 定 時 器 函 數(shù) ， 每隔 1秒 調(diào) 用 disptime( )函 數(shù) 刷 新 顯 示獲 得 小 時 、 分 鐘 、 秒根 據(jù) 12小 時 制 調(diào) 整 時 間和 AM/PM標 志確 保 分 鐘 和 秒 顯 示位 數(shù) 為 2 位 設(shè) 置 樣 式 ： 無 邊 框 的 文 本 框Onload ( ) 事 件 ， 頁 面 加 載就 調(diào) 用 函 數(shù) ： disptime（ 顯 示 時 間 ） 6.3.

38、5 Date對 象 數(shù) 組 ： 由 具 有 同 一 名 字 的 一 組 連 續(xù) 內(nèi) 存 單 元 構(gòu)成 。數(shù) 組 元 素 ： 訪 問 數(shù) 組 元 素 應(yīng) 指 定 數(shù) 組 名 和 數(shù) 組元 素 的 下 標 。數(shù) 組 的 下 標 ： 從 0開 始6.4 Array對 象 數(shù) 組 的 定 義 ： var c = new Array(10); 下 標 從 0 9 數(shù) 組 的 長 度 為 10， c.length6.4 Array對 象 c 6 -4560721543-89062-31645378數(shù) 組 名 c c 0 c 1 c 2 c 3 c 11 c 10 c 9 c 8 c 7 c 5 c 4 數(shù)

39、 組 元 素 下 標 6.4 Array對 象 數(shù) 組 要 占 據(jù) 內(nèi) 存 空 間 ， 在 JavaScript中 ， 數(shù) 組 必 須由 new運 算 符 動 態(tài) 分 配 內(nèi) 存 。 數(shù) 組 定 義 ： var c = new Array(12); 也 可 分 為 兩 步 ： var c; c = new Array( 12 );注 意 ： 當 分 配 數(shù) 組 時 ， 其 中 的 元 素 還 沒 有 被 初 始 化 。6.4.2 聲 明 與 分 配 數(shù) 組 初 始 化 數(shù) 組 元 素 c1=10; 若 給 數(shù) 組 中 所 有 元 素 賦 值 ， 結(jié) 合 使 用 循 環(huán) 結(jié) 構(gòu) var c =

40、new Array(5); for(var i=0;ic.length;i+) ci=i; 也 可 以 使 用 new分 配 空 數(shù) 組 ， 動 態(tài) 增 大 數(shù) 組 ： var n = new Array(); for(var i=0;i5;i+) ni=i; 6.4.3 數(shù) 組 使 用 示 例 用 初 始 化 列 表 對 數(shù) 組 進 行 初 始 化var n = 10, 20, 30, 40, 50 ;var n = new Array( 10, 20, 30, 40, 50 );初 始 化 部 分 值var n = 10, 20, , 40, 50 ; 編 譯 器 遇 到 包 含 初 始

41、值 列 表 的 數(shù) 組 聲 明 時 ， 它 會 計 算出 數(shù) 組 的 長 度 并 為 數(shù) 組 中 的 元 素 分 配 存 儲 空 間 。6.4.3 數(shù) 組 使 用 示 例 forin 控 制 結(jié) 構(gòu)n對 數(shù) 組 中 的 每 個 元 素 執(zhí) 行 一 個 任 務(wù)n忽 略 數(shù) 組 中 未 定 義 的 元 素 for (var element in theArray) total += theArrayelement;6.4.3 數(shù) 組 使 用 示 例 課 堂 練 習編 寫 程 序 ：創(chuàng) 建 數(shù) 組 array1， 長 度 為 10 ， 每 個 元 素 的值 下 標 值 2 2， 輸 出 數(shù) 組 元

42、素 值 。 利 用 數(shù) 組 簡 化 擲 骰 子 程 序 中 的 switch 結(jié) 構(gòu)n 每 個 數(shù) 組 元 素 代 表 一 種 情 況6.4.3 數(shù) 組 使 用 示 例 6.4.3 數(shù) 組 使 用 示 例RollDie.html(1 of 2)1 2 4 5 6 7 8 9 10 Roll a Six-Sided Die 6000 Times 11 12 13 !- 14 var face, frequency = , 0, 0, 0, 0, 0, 0 ; 15 16 / summarize results 17 for ( var roll = 1; roll = 6000; +roll )

43、 18 face = Math.floor( 1 + Math.random() * 6 ); 19 +frequency face ; 20 21 6.4.3 數(shù) 組 使 用 示 例RollDie.html(2 of 2)22 document.writeln( ); 24 document.writeln( Face + 26 Frequency ); 27 28 for ( face = 1; face frequency.length; +face ) 29 document.writeln( + face + + 30 frequency face + ); 31 32 docume

44、nt.writeln( ); 33 / - 34 35 36 37 38 Click Refresh (or Reload) to run the script again 39 40 參 數(shù) 傳 遞 的 兩 種 方 法n 值 傳 遞n將 產(chǎn) 生 參 數(shù) 值 的 一 個 拷 貝 并 把 它 傳 遞 給 被 調(diào) 用的 函 數(shù) ；n不 能 修 改 調(diào) 用 者 的 數(shù) 據(jù) ；n數(shù) 值 和 布 爾 值 。n 引 用 傳 遞 n調(diào) 用 者 可 以 讓 被 調(diào) 用 的 函 數(shù) 直 接 訪 問 和 修 改 調(diào)用 者 的 數(shù) 據(jù) ；n對 象 和 數(shù) 組6.4.4 引 用 與 引 用 參 數(shù) 把 數(shù) 組 名 作

45、 為 參 數(shù)例 如 ：n 數(shù) 組 的 定 義 ： var a = new Array(10);n 函 數(shù) 的 調(diào) 用 ： modifyarray(a);Array.joinn 方 法 join將 其 參 數(shù) 視 為 字 符 串 ， 指 定 分 隔 符 。6.4.5 將 數(shù) 組 傳 遞 給 函 數(shù) 6.4.5 將 數(shù) 組 傳 遞 給 函 數(shù)PassArray.html(1 of 3)1 2 4 5 6 7 8 9 10 Passing Arrays and Individual Array 11 Elements to Functions 12 13 14 !- 15 function star

46、t() 16 17 var a = 1, 2, 3, 4, 5 ; 18 19 document.writeln( Effects of passing entire + 20 array call-by-reference ); 21 outputArray( 22 The values of the original array are: , a ); 23 24 modifyArray( a ); / array a passed call-by-reference 25 26 outputArray( 27 The values of the modified array are: ,

47、 a ); 28 29 document.writeln( Effects of passing array + 30 element call-by-value + 31 a3 before modifyElement: + a 3 ); 32 33 modifyElement( a 3 ); 34 35 document.writeln( 36 a3 after modifyElement: + a 3 ); 37 38 39 / outputs header followed by the contents of theArray 40 function outputArray( hea

48、der, theArray ) 41 42 document.writeln( 43 header + theArray.join( ) + ); 44 45 46 / function that modifies the elements of an array 47 function modifyArray( theArray ) 48 49 for ( var j in theArray ) 50 theArray j *= 2; 51 52 53 / function that attempts to modify the value passed 54 function modify

49、Element( e ) 55 56 e *= 2; 57 document.writeln( value in modifyElement: + e ); 58 59 / - 60 61 62 63 6.4.5 將 數(shù) 組 傳 遞 給 函 數(shù) a 1 0 a 1 1 a 1 2 a 1 3 Row 0Row 1Row 2 Column 0 Column 1 Column 2 Column 3Row subscript (or index)Array nameColumn subscript (or index)a 0 0 a 0 1 a 0 2 a 0 3 a 2 0 a 2 1 a 2 2

50、 a 2 3 6.4.6 二 維 數(shù) 組 聲 明 和 初 始 化n var b = 1, 2 , 3, 4, 5 ; 也 可 以 如 下 聲 明n 創(chuàng) 建 一 個 兩 行 的 數(shù) 組 ， 第 一 行 有 5列 ， 第 二 行 有 3列 :var b;b = new Array( 2 ); b 0 = new Array( 5 );b 1 = new Array( 3 );6.4.6 二 維 數(shù) 組 二 維 數(shù) 組 元 素 的 訪 問 是 通 過 行 下 標 與 列 下 標 共 同 來 實現(xiàn) 的 ， 如 ： 數(shù) 組 名 行 列 。 因 為 是 二 維 數(shù) 組 ， 所 以 在 循 環(huán) 顯 示 時

51、， 需 要 兩 層 循 環(huán) ，外 層 循 環(huán) 控 制 行 ， 內(nèi) 層 循 環(huán) 控 制 列 。for(var i=0 ; i行 數(shù) ; i+) for(var j=0 ; j列 數(shù) ; j+) 6.4.6 二 維 數(shù) 組 在 JavaScript程 序 中 ：n 創(chuàng) 建 一 個 具 有 5個 元 素 的 一 維 數(shù) 組 ， 數(shù) 組 元 素 為 1， 2，3， 4， 5。n 輸 出 數(shù) 組 中 所 有 值 。n 調(diào) 用 doublearray函 數(shù) ， 將 數(shù) 組 的 元 素 進 行 平 方 。n 再 次 輸 出 數(shù) 組 中 所 有 值 。創(chuàng) 建 一 個 名 為 doublearray的 函 數(shù)

52、n 參 數(shù) 為 一 個 數(shù) 組 ， 無 返 回 值 。n 功 能 是 將 數(shù) 組 中 的 所 有 元 素 進 行 平 方 運 算 。課 堂 練 習 6.4.6 二 維 數(shù) 組 splicen 在 數(shù) 組 中 插 入 或 移 除 元 素 slicen 分 割 數(shù) 組 concat n 連 接 不 同 的 數(shù) 組 join n 使 用 指 定 分 隔 符 生 成 新 的 字 符 串 reversen 對 數(shù) 組 執(zhí) 行 倒 序 排 列 6.4.6 二 維 數(shù) 組var fruitArray = new Array(apple,peach,orange,lemon,lime,cherry);var

53、removed = fruitArray.splice(2,2,melon,banana);document.writeln(removed + );document.writeln(fruitArray + );var newFruit1 = fruitArray.slice(2,4);document.writeln(newFruit1 + );document.writeln(fruitArray + );var newFruit2 = fruitArray.concat(removed);document.writeln(newFruit2 + );document.writeln(f

54、ruitArray + ); var string = fruitArray.join( );document.writeln(string + );fruitArray.reverse();document.writeln(fruitArray); 6.5 Object對 象 Object對 象 是 其 他 本 地 對 象 （ 如 Array、 Date、 String等 ） 的 根 對象 ， 并 提 供 了 創(chuàng) 建 自 定 義 對 象 的 基 礎(chǔ) 可 以 利 用 new運 算 符 和 Object類 來 創(chuàng) 建 一 個 對 象 ， 然 后 為 該 對 象一 些 添 加 屬 性 和 方 法

55、： var oObject = new Object(); / 創(chuàng) 建 一 個 新 對 象 oObject.propertyName = value; / 為 該 對 象 定 義 屬 性 oObject.methodName = function() / 為 該 對 象 定 義 方 法 statements ; 6.5 Object對 象 oCircle = new Object(); oCircle.radius = 3; oCircle.getArea = function() return this.radius * this.radius * Math.PI; ; document.w

56、riteln(設(shè) 圓 半 徑 為+oCircle.radius+， 則); document.writeln(圓 面 積 為+oCircle.getArea()+); oCircle.radius = 5; document.writeln(設(shè) 圓 半 徑 為+oCircle.radius+， 則); document.writeln(圓 面 積 為 + oCircle.getArea()+); oCircle.radius = 18; document.writeln(設(shè) 圓 半 徑 為+oCircle.radius+， 則); document.writeln(圓 面 積 為 +oCirc

57、le.getArea()+ ); 課 堂 練 習 任 務(wù) ： 設(shè) 計 一 個 網(wǎng) 頁 ， 求 兩 位 數(shù) 的 加 法 運 算 。 任 務(wù) ： 解 決 方 案 設(shè) 計 一 個 表 單 ， 含 有 元 素 如 下 ：n “ 標 簽 ” 顯 示 題 目n “ 文 本 框 ” 輸 入 結(jié) 果n “ 確 定 按 鈕 ” 判 斷 對 錯n “ 重 新 出 題 按 鈕 ” 出 另 一 題 n 最 后 “ 標 簽 ” 顯 示 對 錯 消 息 程 序 設(shè) 計n 頁 面 加 載 時 題 目 就 顯 示 好 了n “ 確 定 ” 按 鈕 ： 判 斷 文 本 框 中 的 結(jié) 果 是 否 與 題 目 的 正 確 結(jié) 果

58、 相 等 ， 并根 據(jù) 答 題 情 況 ， 在 最 后 一 個 標 簽 處 給 出 相 應(yīng) 消 息n “ 重 新 出 題 ” 按 鈕 ： 產(chǎn) 生 兩 個 兩 位 數(shù) 的 隨 機 整 數(shù) ， 并 把 題 目 顯 示 在 第一 個 標 簽 處 。 任 務(wù) ： 程 序 清 單 （ liti6-01.html） var x , y ; /全 局 變 量 var msg = document.getElementById(mes); regen(); function gen() x= Math.floor(Math.random()*90+10); y= Math.floor(Math.random(

59、)*90+10); document.getElementById(tm).innerHTML=x + + + y + = ; With(Math) x=floor(random()*90+10); y=floor(random()*90 + 10): 任 務(wù) ： 程 序 清 單 （ liti6-01.html） function cal() var k = parseInt(document.form1.key.value); if (x+y) =k) msg.innerHTML= 答 對 了 ; else msg.innerHTML= 答 錯 了 ; function regen() gen(); document.form1.key.value=; msg.innerHTML=;