Javascript參考手冊world版
《Javascript參考手冊world版》由會(huì)員分享,可在線閱讀,更多相關(guān)《Javascript參考手冊world版(924頁珍藏版)》請?jiān)谘b配圖網(wǎng)上搜索。
1 Javascript 參考手冊 JavaScript Window 瀏覽器對象模型 瀏覽器對象模型 BOM 使 JavaScript 有能力與瀏覽器 對話 瀏覽器對象模型 BOM 瀏覽器對象模型 Browser Object Model 尚無正式標(biāo)準(zhǔn) 由于現(xiàn)代瀏覽器已經(jīng) 幾乎 實(shí)現(xiàn)了 JavaScript 交互性方面的相同方法和屬性 因此常被認(rèn)為是 BOM 的方法和屬性 Window 對象 所有瀏覽器都支持 window 對象 它表示瀏覽器窗口 所有 JavaScript 全局對象 函數(shù)以及變量均自動(dòng)成為 window 對象的成員 全局變量是 window 對象的屬性 全局函數(shù)是 window 對象的方法 甚至 HTML DOM 的 document 也是 window 對象的屬性之一 window document getElementById header 與此相同 document getElementById header Window 尺寸 有三種方法能夠確定瀏覽器窗口的尺寸 瀏覽器的視口 不包括工具欄和滾動(dòng)條 對于 Internet Explorer Chrome Firefox Opera 以及 Safari window innerHeight 瀏覽器窗口的內(nèi)部高度 window innerWidth 瀏覽器窗口的內(nèi)部寬度 對于 Internet Explorer 8 7 6 5 document documentElement clientHeight 2 document documentElement clientWidth 或者 document body clientHeight document body clientWidth 實(shí)用的 JavaScript 方案 涵蓋所有瀏覽器 實(shí)例 var w window innerWidth document documentElement clientWidth document body clientWidth var h window innerHeight document documentElement clientHeight document body clientHeight 該例顯示瀏覽器窗口的高度和寬度 不包括工具欄 滾動(dòng)條 其他 Window 方法 一些其他方法 window open 打開新窗口 window close 關(guān)閉當(dāng)前窗口 window moveTo 移動(dòng)當(dāng)前窗口 window resizeTo 調(diào)整當(dāng)前窗口的尺寸 JavaScript Window Screen window screen 對象包含有關(guān)用戶屏幕的信息 Window Screen window screen 對象在編寫時(shí)可以不使用 window 這個(gè)前綴 一些屬性 screen availWidth 可用的屏幕寬度 screen availHeight 可用的屏幕高度 Window Screen 可用寬度 3 screen availWidth 屬性返回訪問者屏幕的寬度 以像素計(jì) 減去界面特性 比如窗口任務(wù)欄 實(shí)例 返回您的屏幕的可用寬度 document write 可用寬度 screen availWidth 以上代碼輸出為 可用寬度 1440 Window Screen 可用高度 screen availHeight 屬性返回訪問者屏幕的高度 以像素計(jì) 減去界面特性 比如窗口任務(wù)欄 實(shí)例 返回您的屏幕的可用高度 document write 可用高度 screen availHeight 以上代碼輸出為 可用高度 860 4 JavaScript Window Location window location 對象用于獲得當(dāng)前頁面的地址 URL 并把瀏覽器重定向到新的頁面 Window Location window location 對象在編寫時(shí)可不使用 window 這個(gè)前綴 一些例子 location hostname 返回 web 主機(jī)的域名 location pathname 返回當(dāng)前頁面的路徑和文件名 location port 返回 web 主機(jī)的端口 80 或 443 location protocol 返回所使用的 web 協(xié)議 http 或 https Window Location Href location href 屬性返回當(dāng)前頁面的 URL 實(shí)例 返回 當(dāng)前頁面的 整個(gè) URL document write location href 以上代碼輸出為 Window Location Pathname location pathname 屬性返回 URL 的路徑名 實(shí)例 返回當(dāng)前 URL 的路徑名 5 document write location pathname 以上代碼輸出為 js js window location asp Window Location Assign location assign 方法加載新的文檔 實(shí)例 加載一個(gè)新的文檔 function newDoc window location assign 6 JavaScript Window History window history 對象包含瀏覽器的歷史 Window History window history 對象在編寫時(shí)可不使用 window 這個(gè)前綴 為了保護(hù)用戶隱私 對 JavaScript 訪問該對象的方法做出了限制 一些方法 history back 與在瀏覽器點(diǎn)擊后退按鈕相同 history forward 與在瀏覽器中點(diǎn)擊按鈕向前相同 Window History Back history back 方法加載歷史列表中的前一個(gè) URL 這與在瀏覽器中點(diǎn)擊后退按鈕是相同的 實(shí)例 在頁面上創(chuàng)建后退按鈕 function goBack window history back 7 以上代碼輸出為 Window History Forward history forward 方法加載歷史列表中的下一個(gè) URL 這與在瀏覽器中點(diǎn)擊前進(jìn)按鈕是相同的 實(shí)例 在頁面上創(chuàng)建一個(gè)向前的按鈕 function goForward window history forward 8 以上代碼輸出為 JavaScript Window Navigator window navigator 對象包含有關(guān)訪問者瀏覽器的信息 Window Navigator window navigator 對象在編寫時(shí)可不使用 window 這個(gè)前綴 實(shí)例 txt Browser CodeName navigator appCodeName txt Browser Name navigator appName txt Browser Version navigator appVersion txt Cookies Enabled navigator cookieEnabled txt Platform navigator platform txt User agent header navigator userAgent txt User agent language navigator systemLanguage document getElementById example innerHTML txt 9 警告 來自 navigator 對象的信息具有誤導(dǎo)性 不應(yīng)該被用于檢測瀏覽器版本 這是因?yàn)?navigator 數(shù)據(jù)可被瀏覽器使用者更改 瀏覽器無法報(bào)告晚于瀏覽器發(fā)布的新操作系統(tǒng) 瀏覽器檢測 由于 navigator 可誤導(dǎo)瀏覽器檢測 使用對象檢測可用來嗅探不同的瀏覽器 由于不同的瀏覽器支持不同的對象 您可以使用對象來檢測瀏覽器 例如 由于只有 Opera 支持屬 性 window opera 您可以據(jù)此識別出 Opera 例子 if window opera some action JavaScript 消息框 可以在 JavaScript 中創(chuàng)建三種消息框 警告框 確認(rèn)框 提示框 實(shí)例 警告框 帶有折行的警告框 確認(rèn)框 提示框 警告框 警告框經(jīng)常用于確保用戶可以得到某些信息 當(dāng)警告框出現(xiàn)后 用戶需要點(diǎn)擊確定按鈕才能繼續(xù)進(jìn)行操作 語法 alert 文本 確認(rèn)框 確認(rèn)框用于使用戶可以驗(yàn)證或者接受某些信息 當(dāng)確認(rèn)框出現(xiàn)后 用戶需要點(diǎn)擊確定或者取消按鈕才能繼續(xù)進(jìn)行操作 如果用戶點(diǎn)擊確認(rèn) 那么返回值為 true 如果用戶點(diǎn)擊取消 那么返回值為 false 語法 10 confirm 文本 提示框 提示框經(jīng)常用于提示用戶在進(jìn)入頁面前輸入某個(gè)值 當(dāng)提示框出現(xiàn)后 用戶需要輸入某個(gè)值 然后點(diǎn)擊確認(rèn)或取消按鈕才能繼續(xù)操縱 如果用戶點(diǎn)擊確認(rèn) 那么返回值為輸入的值 如果用戶點(diǎn)擊取消 那么返回值為 null 語法 prompt 文本 默認(rèn)值 JavaScript 計(jì)時(shí) 通過使用 JavaScript 我們有能力做到在一個(gè)設(shè)定的時(shí)間間隔之后來執(zhí)行代碼 而不是 在函數(shù)被調(diào)用后立即執(zhí)行 我們稱之為計(jì)時(shí)事件 實(shí)例 簡單的計(jì)時(shí) 單擊本例中的按鈕后 會(huì)在 5 秒后彈出一個(gè)警告框 另一個(gè)簡單的計(jì)時(shí) 本例中的程序會(huì)執(zhí)行 2 秒 4 秒和 6 秒的計(jì)時(shí) 在一個(gè)無窮循環(huán)中的計(jì)時(shí)事件 在本例中 單擊開始計(jì)時(shí)按鈕后 程序開始從 0 以秒計(jì)時(shí) 帶有停止按鈕的無窮循環(huán)中的計(jì)時(shí)事件 在本例中 點(diǎn)擊計(jì)數(shù)按鈕后根據(jù)用戶輸入的數(shù)值開始倒計(jì)時(shí) 點(diǎn)擊停止按鈕停止計(jì)時(shí) 使用計(jì)時(shí)事件制作的鐘表 一個(gè) JavaScript 小時(shí)鐘 JavaScript 計(jì)時(shí)事件 通過使用 JavaScript 我們有能力作到在一個(gè)設(shè)定的時(shí)間間隔之后來執(zhí)行代碼 而不是在函數(shù)被調(diào)用 后立即執(zhí)行 我們稱之為計(jì)時(shí)事件 在 JavaScritp 中使用計(jì)時(shí)事件是很容易的 兩個(gè)關(guān)鍵方法是 11 setTimeout 未來的某時(shí)執(zhí)行代碼 clearTimeout 取消 setTimeout setTimeout 語法 var t setTimeout javascript 語句 毫秒 setTimeout 方法會(huì)返回某個(gè)值 在上面的語句中 值被儲(chǔ)存在名為 t 的變量中 假如你希望取消 這個(gè) setTimeout 你可以使用這個(gè)變量名來指定它 setTimeout 的第一個(gè)參數(shù)是含有 JavaScript 語句的字符串 這個(gè)語句可能諸如 alert 5 seconds 或者對函數(shù)的調(diào)用 諸如 alertMsg 第二個(gè)參數(shù)指示從當(dāng)前起多少毫秒后執(zhí)行第一個(gè)參數(shù) 提示 1000 毫秒等于一秒 實(shí)例 當(dāng)下面這個(gè)例子中的按鈕被點(diǎn)擊時(shí) 一個(gè)提示框會(huì)在5秒中后彈出 function timedMsg var t setTimeout alert 5 seconds 5000 12 實(shí)例 無窮循環(huán) 要?jiǎng)?chuàng)建一個(gè)運(yùn)行于無窮循環(huán)中的計(jì)時(shí)器 我們需要編寫一個(gè)函數(shù)來調(diào)用其自身 在下面的例子中 當(dāng) 按鈕被點(diǎn)擊后 輸入域便從 0 開始計(jì)數(shù) var c 0 var t function timedCount document getElementById txt value c c c 1 t setTimeout timedCount 1000 13 clearTimeout 語法 clearTimeout setTimeout variable 實(shí)例 下面的例子和上面的無窮循環(huán)的例子相似 唯一的不同是 現(xiàn)在我們添加了一個(gè) Stop Count 按 鈕來停止這個(gè)計(jì)數(shù)器 var c 0 var t function timedCount document getElementById txt value c c c 1 t setTimeout timedCount 1000 function stopCount clearTimeout t 14 JavaScript Cookies cookie 用來識別用戶 實(shí)例 創(chuàng)建一個(gè)歡迎 cookie 利用用戶在提示框中輸入的數(shù)據(jù)創(chuàng)建一個(gè) JavaScript Cookie 當(dāng)該用戶再次訪問該頁面時(shí) 根據(jù) cookie 中的信息發(fā)出歡迎信息 什么是 cookie cookie 是存儲(chǔ)于訪問者的計(jì)算機(jī)中的變量 每當(dāng)同一臺計(jì)算機(jī)通過瀏覽器請求某個(gè)頁面時(shí) 就會(huì)發(fā)送 這個(gè) cookie 你可以使用 JavaScript 來創(chuàng)建和取回 cookie 的值 有關(guān) cookie 的例子 名字 cookie 當(dāng)訪問者首次訪問頁面時(shí) 他或她也許會(huì)填寫他 她們的名字 名字會(huì)存儲(chǔ)于 cookie 中 當(dāng)訪問者 再次訪問網(wǎng)站時(shí) 他們會(huì)收到類似 Welcome John Doe 的歡迎詞 而名字則是從 cookie 中取 回的 密碼 cookie 當(dāng)訪問者首次訪問頁面時(shí) 他或她也許會(huì)填寫他 她們的密碼 密碼也可被存儲(chǔ)于 cookie 中 當(dāng)他 們再次訪問網(wǎng)站時(shí) 密碼就會(huì)從 cookie 中取回 15 日期 cookie 當(dāng)訪問者首次訪問你的網(wǎng)站時(shí) 當(dāng)前的日期可存儲(chǔ)于 cookie 中 當(dāng)他們再次訪問網(wǎng)站時(shí) 他們會(huì) 收到類似這樣的一條消息 Your last visit was on Tuesday August 11 2005 日期也是從 cookie 中取回的 創(chuàng)建和存儲(chǔ) cookie 在這個(gè)例子中我們要?jiǎng)?chuàng)建一個(gè)存儲(chǔ)訪問者名字的 cookie 當(dāng)訪問者首次訪問網(wǎng)站時(shí) 他們會(huì)被要求填 寫姓名 名字會(huì)存儲(chǔ)于 cookie 中 當(dāng)訪問者再次訪問網(wǎng)站時(shí) 他們就會(huì)收到歡迎詞 首先 我們會(huì)創(chuàng)建一個(gè)可在 cookie 變量中存儲(chǔ)訪問者姓名的函數(shù) function setCookie c name value expiredays var exdate new Date exdate setDate exdate getDate expiredays document cookie c name escape value expiredays null expires exdate toGMTString 上面這個(gè)函數(shù)中的參數(shù)存有 cookie 的名稱 值以及過期天數(shù) 在上面的函數(shù)中 我們首先將天數(shù)轉(zhuǎn)換為有效的日期 然后 我們將 cookie 名稱 值及其過期日期 存入 document cookie 對象 之后 我們要?jiǎng)?chuàng)建另一個(gè)函數(shù)來檢查是否已設(shè)置 cookie function getCookie c name if document cookie length 0 c start document cookie indexOf c name if c start 1 c start c start c name length 1 c end document cookie indexOf c start 16 if c end 1 c end document cookie length return unescape document cookie substring c start c end return 上面的函數(shù)首先會(huì)檢查 document cookie 對象中是否存有 cookie 假如 document cookie 對象 存有某些 cookie 那么會(huì)繼續(xù)檢查我們指定的 cookie 是否已儲(chǔ)存 如果找到了我們要的 cookie 就返回值 否則返回空字符串 最后 我們要?jiǎng)?chuàng)建一個(gè)函數(shù) 這個(gè)函數(shù)的作用是 如果 cookie 已設(shè)置 則顯示歡迎詞 否則顯示提 示框來要求用戶輸入名字 function checkCookie username getCookie username if username null c start if c end 1 c end document cookie length return unescape document cookie substring c start c end return function setCookie c name value expiredays var exdate new Date exdate setDate exdate getDate expiredays document cookie c name escape value expiredays null expires exdate toGMTString function checkCookie username getCookie username if username null new Array size new Array element0 element1 elementn 參數(shù) 19 參數(shù) size 是期望的數(shù)組元素個(gè)數(shù) 返回的數(shù)組 length 字段將被設(shè)為 size 的值 參數(shù) element elementn 是參數(shù)列表 當(dāng)使用這些參數(shù)來調(diào)用構(gòu)造函數(shù) Array 時(shí) 新創(chuàng)建的 數(shù)組的元素就會(huì)被初始化為這些值 它的 length 字段也會(huì)被設(shè)置為參數(shù)的個(gè)數(shù) 返回值 返回新創(chuàng)建并被初始化了的數(shù)組 如果調(diào)用構(gòu)造函數(shù) Array 時(shí)沒有使用參數(shù) 那么返回的數(shù)組為空 length 字段為 0 當(dāng)調(diào)用構(gòu)造函數(shù)時(shí)只傳遞給它一個(gè)數(shù)字參數(shù) 該構(gòu)造函數(shù)將返回具有指定個(gè)數(shù) 元素為 undefined 的數(shù)組 當(dāng)其他參數(shù)調(diào)用 Array 時(shí) 該構(gòu)造函數(shù)將用參數(shù)指定的值初始化數(shù)組 當(dāng)把構(gòu)造函數(shù)作為函數(shù)調(diào)用 不使用 new 運(yùn)算符時(shí) 它的行為與使用 new 運(yùn)算符調(diào)用它時(shí)的行為 完全一樣 Array 對象屬性 FF Firefox IE Internet Explorer 屬性 描述 FF IE constructor 返回對創(chuàng)建此對象的數(shù)組函數(shù)的引用 1 4 index 1 4 input 1 4 length 設(shè)置或返回?cái)?shù)組中元素的數(shù)目 1 4 prototype 使您有能力向?qū)ο筇砑訉傩院头椒?1 4 Array 對象屬性 constructor 定義和用法 constructor 屬性返回對創(chuàng)建此對象的數(shù)組函數(shù)的引用 語法 object constructor 實(shí)例 例子 1 在本例中 我們將展示如何使用 constructor 屬性 20 var test new Array if test constructor Array document write This is an Array if test constructor Boolean document write This is a Boolean if test constructor Date document write This is a Date if test constructor String document write This is a String 輸出 This is an Array TIY 例子 2 在本例中 我們將展示如何使用 constructor 屬性 21 function employee name job born this name name this job job this born born var bill new employee Bill Gates Engineer 1985 document write bill constructor 輸出 function employee name jobtitle born this name name this jobtitle job this born born Array 對象屬性 length 定義和用法 length 屬性可設(shè)置或返回?cái)?shù)組中元素的數(shù)目 語法 arrayObject length 說明 數(shù)組的 length 屬性總是比數(shù)組中定義的最后一個(gè)元素的下標(biāo)大 1 對于那些具有連續(xù)元素 而且以 元素 0 開始的常規(guī)數(shù)組而言 屬性 length 聲明了數(shù)組中的元素的個(gè)數(shù) 數(shù)組的 length 屬性在用構(gòu)造函數(shù) Array 創(chuàng)建數(shù)組時(shí)被初始化 給數(shù)組添加新元素時(shí) 如果必要 22 將更新 length 的值 設(shè)置 length 屬性可改變數(shù)組的大小 如果設(shè)置的值比其當(dāng)前值小 數(shù)組將被截?cái)?其尾部的元素將 丟失 如果設(shè)置的值比它的當(dāng)前值大 數(shù)組將增大 新的元素被添加到數(shù)組的尾部 它們的值為 undefined 實(shí)例 在本例中 我們將展示如何使用 length 屬性返回并設(shè)置數(shù)組的長度 var arr new Array 3 arr 0 John arr 1 Andy arr 2 Wendy document write Original length arr length document write arr length 5 document write New length arr length 輸出 Original length 3 New length 5 Array 對象屬性 prototype 定義和用法 prototype 屬性使您有能力向?qū)ο筇砑訉傩院头椒?語法 23 object prototype name value 實(shí)例 在本例中 我們將展示如何使用 prototype 屬性來向?qū)ο筇砑訉傩?function employee name job born this name name this job job this born born var bill new employee Bill Gates Engineer 1985 employee prototype salary null bill salary 20000 document write bill salary 輸出 20000 Array 對象方法 FF Firefox IE Internet Explorer 方法 描述 FF IE 24 concat 連接兩個(gè)或更多的數(shù)組 并返回結(jié)果 1 4 join 把數(shù)組的所有元素放入一個(gè)字符串 元素通過指定的分隔符進(jìn)行分隔 1 4 pop 刪除并返回?cái)?shù)組的最后一個(gè)元素 1 5 5 push 向數(shù)組的末尾添加一個(gè)或更多元素 并返回新的長度 1 5 5 reverse 顛倒數(shù)組中元素的順序 1 4 shift 刪除并返回?cái)?shù)組的第一個(gè)元素 1 5 5 slice 從某個(gè)已有的數(shù)組返回選定的元素 1 4 sort 對數(shù)組的元素進(jìn)行排序 1 4 splice 刪除元素 并向數(shù)組添加新元素 1 5 5 toSource 返回該對象的源代碼 1 toString 把數(shù)組轉(zhuǎn)換為字符串 并返回結(jié)果 1 4 toLocaleString 把數(shù)組轉(zhuǎn)換為本地?cái)?shù)組 并返回結(jié)果 1 4 unshift 向數(shù)組的開頭添加一個(gè)或更多元素 并返回新的長度 1 6 valueOf 返回?cái)?shù)組對象的原始值 1 4 concat 定義和用法 concat 方法用于連接兩個(gè)或多個(gè)數(shù)組 該方法不會(huì)改變現(xiàn)有的數(shù)組 而僅僅會(huì)返回被連接數(shù)組的一個(gè)副本 語法 arrayObject concat arrayX arrayX arrayX 參數(shù) 描述 arrayX 必需 該參數(shù)可以是具體的值 也可以是數(shù)組對象 可以是任意多個(gè) 返回值 返回一個(gè)新的數(shù)組 該數(shù)組是通過把所有 arrayX 參數(shù)添加到 arrayObject 中生成的 如果要進(jìn)行 concat 操作的參數(shù)是數(shù)組 那么添加的是數(shù)組中的元素 而不是數(shù)組 25 實(shí)例 例子 1 在本例中 我們將把 concat 中的參數(shù)連接到數(shù)組 a 中 var a 1 2 3 document write a concat 4 5 輸出 1 2 3 4 5 例子 2 在本例中 我們創(chuàng)建了兩個(gè)數(shù)組 然后使用 concat 把它們連接起來 var arr new Array 3 arr 0 George arr 1 John arr 2 Thomas var arr2 new Array 3 arr2 0 James arr2 1 Adrew arr2 2 Martin document write arr concat arr2 26 輸出 George John Thomas James Adrew Martin 例子 3 在本例中 我們創(chuàng)建了三個(gè)數(shù)組 然后使用 concat 把它們連接起來 var arr new Array 3 arr 0 George arr 1 John arr 2 Thomas var arr2 new Array 3 arr2 0 James arr2 1 Adrew arr2 2 Martin var arr3 new Array 2 arr3 0 William arr3 1 Franklin document write arr concat arr2 arr3 輸出 27 George John Thomas James Adrew Martin William Franklin join 定義和用法 join 方法用于把數(shù)組中的所有元素放入一個(gè)字符串 元素是通過指定的分隔符進(jìn)行分隔的 語法 arrayObject join separator 參數(shù) 描述 separator 可選 指定要使用的分隔符 如果省略該參數(shù) 則使用逗號作為分隔符 返回值 返回一個(gè)字符串 該字符串是通過把 arrayObject 的每個(gè)元素轉(zhuǎn)換為字符串 然后把這些字符串連 接起來 在兩個(gè)元素之間插入 separator 字符串而生成的 實(shí)例 例子 1 在本例中 我們將創(chuàng)建一個(gè)數(shù)組 然后把它的所有元素放入一個(gè)字符串 var arr new Array 3 arr 0 George arr 1 John arr 2 Thomas document write arr join 28 輸出 George John Thomas 例子 2 在本例中 我們將使用分隔符來分隔數(shù)組中的元素 var arr new Array 3 arr 0 George arr 1 John arr 2 Thomas document write arr join 輸出 George John Thomas pop 定義和用法 pop 方法用于刪除并返回?cái)?shù)組的最后一個(gè)元素 語法 arrayObject pop 29 返回值 arrayObject 的最后一個(gè)元素 說明 pop 方法將刪除 arrayObject 的最后一個(gè)元素 把數(shù)組長度減 1 并且返回它刪除的元素的值 如果數(shù)組已經(jīng)為空 則 pop 不改變數(shù)組 并返回 undefined 值 實(shí)例 在本例中 我們將創(chuàng)建一個(gè)數(shù)組 然后刪除數(shù)組的最后一個(gè)元素 請注意 這也會(huì)改變數(shù)組的程度 var arr new Array 3 arr 0 George arr 1 John arr 2 Thomas document write arr document write document write arr pop document write document write arr 輸出 George John Thomas Thomas 30 George John push 定義和用法 push 方法可向數(shù)組的末尾添加一個(gè)或多個(gè)元素 并返回新的長度 語法 arrayObject push newelement1 newelement2 newelementX 參數(shù) 描述 newelement1 必需 要添加到數(shù)組的第一個(gè)元素 newelement2 可選 要添加到數(shù)組的第二個(gè)元素 newelementX 可選 可添加多個(gè)元素 返回值 把指定的值添加到數(shù)組后的新長度 說明 push 方法可把它的參數(shù)順序添加到 arrayObject 的尾部 它直接修改 arrayObject 而不是創(chuàng) 建一個(gè)新的數(shù)組 push 方法和 pop 方法使用數(shù)組提供的先進(jìn)后出棧的功能 提示和注釋 注釋 該方法會(huì)改變數(shù)組的長度 提示 要想數(shù)組的開頭添加一個(gè)或多個(gè)元素 請使用 unshift 方法 實(shí)例 在本例中 我們將創(chuàng)建一個(gè)數(shù)組 并通過添加一個(gè)元素來改變其長度 var arr new Array 3 31 arr 0 George arr 1 John arr 2 Thomas document write arr document write arr push James document write arr 輸出 George John Thomas 4 George John Thomas James reverse 定義和用法 reverse 方法用于顛倒數(shù)組中元素的順序 語法 arrayObject reverse 提示和注釋 注釋 該方法會(huì)改變原來的數(shù)組 而不會(huì)創(chuàng)建新的數(shù)組 實(shí)例 在本例中 我們將創(chuàng)建一個(gè)數(shù)組 然后顛倒其元素的順序 32 var arr new Array 3 arr 0 George arr 1 John arr 2 Thomas document write arr document write arr reverse 輸出 George John Thomas Thomas John George shift 定義和用法 shift 方法用于把數(shù)組的第一個(gè)元素從其中刪除 并返回第一個(gè)元素的值 語法 arrayObject shift 返回值 數(shù)組原來的第一個(gè)元素的值 說明 如果數(shù)組是空的 那么 shift 方法將不進(jìn)行任何操作 返回 undefined 值 請注意 該方法不創(chuàng) 建新數(shù)組 而是直接修改原有的 arrayObject 提示和注釋 33 注釋 該方法會(huì)改變數(shù)組的長度 提示 要?jiǎng)h除并返回?cái)?shù)組的最后一個(gè)元素 請使用 pop 方法 實(shí)例 在本例中 我們將創(chuàng)建一個(gè)數(shù)組 并刪除數(shù)組的第一個(gè)元素 請注意 這也將改變數(shù)組的長度 var arr new Array 3 arr 0 George arr 1 John arr 2 Thomas document write arr document write arr shift document write arr 輸出 George John Thomas George John Thomas slice 定義和用法 slice 方法可從已有的數(shù)組中返回選定的元素 語法 arrayObject slice start end 34 參數(shù) 描述 start 必需 規(guī)定從何處開始選取 如果是負(fù)數(shù) 那么它規(guī)定從數(shù)組尾部開始算起的位置 也就是說 1 指最后一個(gè)元素 2 指倒數(shù)第二個(gè)元素 以此類推 end 可選 規(guī)定從何處結(jié)束選取 該參數(shù)是數(shù)組片斷結(jié)束處的數(shù)組下標(biāo) 如果沒有指定該參數(shù) 那么切分的數(shù)組包含從 start 到數(shù)組結(jié)束的所有元素 如果這個(gè)參數(shù)是負(fù)數(shù) 那么它規(guī)定的是從數(shù)組尾部開始算起的元素 返回值 返回一個(gè)新的數(shù)組 包含從 start 到 end 不包括該元素 的 arrayObject 中的元素 說明 請注意 該方法并不會(huì)修改數(shù)組 而是返回一個(gè)子數(shù)組 如果想刪除數(shù)組中的一段元素 應(yīng)該使用方 法 Array splice 提示和注釋 注釋 您可使用負(fù)值從數(shù)組的尾部選取元素 注釋 如果 end 未被規(guī)定 那么 slice 方法會(huì)選取從 start 到數(shù)組結(jié)尾的所有元素 實(shí)例 例子 1 在本例中 我們將創(chuàng)建一個(gè)新數(shù)組 然后顯示從其中選取的元素 var arr new Array 3 arr 0 George arr 1 John arr 2 Thomas document write arr document write arr slice 1 document write arr 35 輸出 George John Thomas John Thomas George John Thomas 例子 2 在本例中 我們將創(chuàng)建一個(gè)新數(shù)組 然后顯示從其中選取的元素 var arr new Array 6 arr 0 George arr 1 John arr 2 Thomas arr 3 James arr 4 Adrew arr 5 Martin document write arr document write arr slice 2 4 document write arr 輸出 George John Thomas James Adrew Martin Thomas James George John Thomas James Adrew Martin 36 sort 定義和用法 sort 方法用于對數(shù)組的元素進(jìn)行排序 語法 arrayObject sort sortby 參數(shù) 描述 sortby 可選 規(guī)定排序順序 必須是函數(shù) 返回值 對數(shù)組的引用 請注意 數(shù)組在原數(shù)組上進(jìn)行排序 不生成副本 說明 如果調(diào)用該方法時(shí)沒有使用參數(shù) 將按字母順序?qū)?shù)組中的元素進(jìn)行排序 說得更精確點(diǎn) 是按照字符編碼的順序進(jìn)行排序 要實(shí)現(xiàn)這一點(diǎn) 首先應(yīng)把 數(shù)組的元素都轉(zhuǎn)換成字符串 如有必要 以便進(jìn)行比較 如果想按照其他標(biāo)準(zhǔn)進(jìn)行排序 就需要提供比較函數(shù) 該函數(shù)要比較兩個(gè)值 然后返回一個(gè)用于說明這兩個(gè)值的相對順序的數(shù)字 比較函數(shù)應(yīng)該具有兩個(gè) 參數(shù) a 和 b 其返回值如下 若 a 小于 b 在排序后的數(shù)組中 a 應(yīng)該出現(xiàn)在 b 之前 則返回一個(gè)小 于 0 的值 若 a 等于 b 則返回 0 若 a 大于 b 則返回一個(gè)大于 0 的值 實(shí)例 例子 1 在本例中 我們將創(chuàng)建一個(gè)數(shù)組 并按字母順序進(jìn)行排序 var arr new Array 6 37 arr 0 George arr 1 John arr 2 Thomas arr 3 James arr 4 Adrew arr 5 Martin document write arr document write arr sort 輸出 George John Thomas James Adrew Martin Adrew George James John Martin Thomas 親自試一試 例子 2 在本例中 我們將創(chuàng)建一個(gè)數(shù)組 并按字母順序進(jìn)行排序 var arr new Array 6 arr 0 10 arr 1 5 arr 2 40 arr 3 25 arr 4 1000 arr 5 1 38 document write arr document write arr sort 輸出 10 5 40 25 1000 1 1 10 1000 25 40 5 請注意 上面的代碼沒有按照數(shù)值的大小對數(shù)字進(jìn)行排序 要實(shí)現(xiàn)這一點(diǎn) 就必須使用 一個(gè)排序函數(shù) function sortNumber a b return a b var arr new Array 6 arr 0 10 arr 1 5 arr 2 40 arr 3 25 arr 4 1000 arr 5 1 document write arr document write arr sort sortNumber 39 輸出 10 5 40 25 1000 1 1 5 10 25 40 1000 splice 定義和用法 splice 方法用于插入 刪除或替換數(shù)組的元素 語法 arrayObject splice index howmany element1 elementX 參數(shù) 描述 index 必需 規(guī)定從何處添加 刪除元素 該參數(shù)是開始插入和 或 刪除的數(shù)組元素的下標(biāo) 必須是數(shù)字 howmany 必需 規(guī)定應(yīng)該刪除多少元素 必須是數(shù)字 但可以是 0 如果未規(guī)定此參數(shù) 則刪除從 index 開始到原數(shù)組結(jié)尾的所有元素 element1 可選 規(guī)定要添加到數(shù)組的新元素 從 index 所指的下標(biāo)處開始插入 elementX 可選 可向數(shù)組添加若干元素 返回值 如果從 arrayObject 中刪除了元素 則返回的是含有被刪除的元素的數(shù)組 說明 splice 方法可刪除從 index 處開始的零個(gè)或多個(gè)元素 并且用參數(shù)列表中聲明的一個(gè)或多個(gè)值來 替換那些被刪除的元素 提示和注釋 40 注釋 請注意 splice 方法與 slice 方法的作用是不同的 splice 方法會(huì)直接對數(shù)組進(jìn)行修改 實(shí)例 例子 1 在本例中 我們將創(chuàng)建一個(gè)新數(shù)組 并向其添加一個(gè)元素 var arr new Array 6 arr 0 George arr 1 John arr 2 Thomas arr 3 James arr 4 Adrew arr 5 Martin document write arr arr splice 2 0 William document write arr 輸出 George John Thomas James Adrew Martin George John William Thomas James Adrew Martin 例子 2 在本例中我們將刪除位于 index 2 的元素 并添加一個(gè)新元素來替代被刪除的元素 41 var arr new Array 6 arr 0 George arr 1 John arr 2 Thomas arr 3 James arr 4 Adrew arr 5 Martin document write arr arr splice 2 1 William document write arr 輸出 George John Thomas James Adrew Martin George John William James Adrew Martin 例子 3 在本例中我們將刪除從 index 2 Thomas 開始的三個(gè)元素 并添加一個(gè)新元素 William 來 替代被刪除的元素 var arr new Array 6 arr 0 George arr 1 John arr 2 Thomas arr 3 James arr 4 Adrew 42 arr 5 Martin document write arr arr splice 2 3 William document write arr 輸出 George John Thomas James Adrew Martin George John William Martin toSource 定義和用法 toSource 方法表示對象的源代碼 該原始值由 Array 對象派生的所有對象繼承 toSource 方法通常由 JavaScript 在后臺自動(dòng)調(diào)用 并不顯式地出現(xiàn)在代 碼中 語法 object toSource 瀏覽器支持 只有 Gecko 核心的瀏覽器 比如 Firefox 支持該方法 也就是說 IE Safari Chrome Opera 等瀏覽器均不支持該方法 實(shí)例 下面的例子向您展示 toSource 方法的用法 43 function employee name job born this name name this job job this born born var bill new employee Bill Gates Engineer 1985 document write bill toSource 輸出 name Bill Gates job Engineer born 1985 toString 定義和用法 toString 方法可把數(shù)組轉(zhuǎn)換為字符串 并返回結(jié)果 語法 arrayObject toString 返回值 arrayObject 的字符串表示 返回值與沒有參數(shù)的 join 方法返回的字符串相同 說明 當(dāng)數(shù)組用于字符串環(huán)境時(shí) JavaScript 會(huì)調(diào)用這一方法將數(shù)組自動(dòng)轉(zhuǎn)換成字符串 但是在某些情況下 需要顯式地調(diào)用該方法 44 提示和注釋 注釋 數(shù)組中的元素之間用逗號分隔 實(shí)例 var arr new Array 3 arr 0 George arr 1 John arr 2 Thomas document write arr toString 輸出 George John Thomas toLocaleString 定義和用法 把數(shù)組轉(zhuǎn)換為本地字符串 語法 arrayObject toLocaleString 返回值 arrayObject 的本地字符串表示 45 說明 首先調(diào)用每個(gè)數(shù)組元素的 toLocaleString 方法 然后使用地區(qū)特定的分隔符把生成的字符串連接 起來 形成一個(gè)字符串 實(shí)例 var arr new Array 3 arr 0 George arr 1 John arr 2 Thomas document write arr toLocaleString 輸出 George John Thomas unshift 定義和用法 unshift 方法可向數(shù)組的開頭添加一個(gè)或更多元素 并返回新的長度 語法 arrayObject unshift newelement1 newelement2 newelementX 參數(shù) 描述 newelement1 必需 向數(shù)組添加的第一個(gè)元素 newelement2 可選 向數(shù)組添加的第二個(gè)元素 newelementX 可選 可添加若干個(gè)元素 46 返回值 arrayObject 的新長度 說明 unshift 方法將把它的參數(shù)插入 arrayObject 的頭部 并將已經(jīng)存在的元素順次地移到較高的下標(biāo) 處 以便留出空間 該方法的第一個(gè)參數(shù)將成為數(shù)組的新元素 0 如果還有第二個(gè)參數(shù) 它將成為新 的元素 1 以此類推 請注意 unshift 方法不創(chuàng)建新的創(chuàng)建 而是直接修改原有的數(shù)組 提示和注釋 注釋 該方法會(huì)改變數(shù)組的長度 注釋 unshift 方法無法在 Internet Explorer 中正確地工作 提示 要把一個(gè)或多個(gè)元素添加到數(shù)組的尾部 請使用 push 方法 實(shí)例 在本例中 我們將創(chuàng)建一個(gè)數(shù)組 并把一個(gè)元素添加到數(shù)組的開頭 并返回?cái)?shù)組的新長度 var arr new Array arr 0 George arr 1 John arr 2 Thomas document write arr document write arr unshift William document write arr 輸出 George John Thomas 4 47 William George John Thomas valueOf 定義和用法 valueOf 方法返回 Array 對象的原始值 該原始值由 Array 對象派生的所有對象繼承 valueOf 方法通常由 JavaScript 在后臺自動(dòng)調(diào)用 并不顯式地出現(xiàn)在代碼中 語法 arrayObject valueOf JavaScript Boolean 對象參考手冊 Boolean 對象 Boolean 對象表示兩個(gè)值 true 或 false 創(chuàng)建 Boolean 對象的語法 new Boolean value 構(gòu)造函數(shù) Boolean value 轉(zhuǎn)換函數(shù) 參數(shù) 參數(shù) value 由布爾對象存放的值或者要轉(zhuǎn)換成布爾值的值 返回值 當(dāng)作為一個(gè)構(gòu)造函數(shù) 帶有運(yùn)算符 new 調(diào)用時(shí) Boolean 將把它的參數(shù)轉(zhuǎn)換成一個(gè)布爾值 并 且返回一個(gè)包含該值的 Boolean 對象 如果作為一個(gè)函數(shù) 不帶有運(yùn)算符 new 調(diào)用時(shí) Boolean 只將把它的參數(shù)轉(zhuǎn)換成一個(gè)原始的布 48 爾值 并且返回這個(gè)值 注釋 如果省略 value 參數(shù) 或者設(shè)置為 0 0 null false undefined 或 NaN 則該對 象設(shè)置為 false 否則設(shè)置為 true 即使 value 參數(shù)是字符串 false Boolean 對象屬性 FF Firefox IE Internet Explorer 屬性 描述 FF IE constructor 返回對創(chuàng)建此對象的 Boolean 函數(shù)的引用 1 4 prototype 使您有能力向?qū)ο筇砑訉傩院头椒?1 4 constructor 定義和用法 constructor 屬性返回對創(chuàng)建此對象的 Boolean 函數(shù)的引用 語法 object constructor 實(shí)例 在本例中 我們將展示如何使用 constructor 屬性 var test new Boolean if test constructor Array document write This is an Array 49 if test constructor Boolean document write This is a Boolean if test constructor Date document write This is a Date if test constructor String document write This is a String 輸出 This is a Boolean prototype 定義和用法 prototype 屬性使您有能力向?qū)ο筇砑訉傩院头椒?語法 object prototype name value 實(shí)例 50 在本例中 我們將展示如何使用 prototype 屬性來向?qū)ο筇砑訉傩?function employee name job born this name name this job job this born born var bill new employee Bill Gates Engineer 1985 employee prototype salary null bill salary 20000 document write bill salary 輸出 20000 Boolean 對象方法 FF Firefox IE Internet Explorer 方法 描述 FF IE toSource 返回該對象的源代碼 1 toString 把邏輯值轉(zhuǎn)換為字符串 并返回結(jié)果 1 4 51 valueOf 返回 Boolean 對象的原始值 1 4 Boolean 對象描述 在 JavaScript 中 布爾值是一種基本的數(shù)據(jù)類型 Boolean 對象是一個(gè)將布爾值打包的布爾對象 Boolean 對象主要用于提供將布爾值轉(zhuǎn)換成字符串的 toString 方法 當(dāng)調(diào)用 toString 方法將布爾值轉(zhuǎn)換成字符串時(shí) 通常是由 JavaScript 隱式地調(diào)用 JavaScript 會(huì)內(nèi)在地將這個(gè)布爾值轉(zhuǎn)換成一個(gè)臨時(shí)的 Boolean 對象 然后調(diào)用這個(gè)對象的 toString 方法 toSource 定義和用法 toSource 方法返回表示對象源代碼的字符串 語法 object toSource 提示和注釋 注釋 該方法在 Internet Explorer 中無效 實(shí)例 下面的例子向您展示 toSource 方法的用法 function employee name job born this name name this job job this born born var bill new employee Bill Gates Engineer 1985 52 document write bill toSource 輸出 name Bill Gates job Engineer born 1985 toString 定義和用法 toString 方法可把一個(gè)邏輯值轉(zhuǎn)換為字符串 并返回結(jié)果 語法 booleanObject toString 返回值 根據(jù)原始布爾值或者 booleanObject 對象的值返回字符串 true 或 false 拋出 如果調(diào)用該方法的對象不是 Boolean 則拋出異常 TypeError 提示和注釋 注釋 在 Boolean 對象被用于字符串環(huán)境中時(shí) 此方法會(huì)被自動(dòng)調(diào)用 實(shí)例 在本例中 我們將創(chuàng)建一個(gè) Boolean 對象 并把它轉(zhuǎn)換成字符串 var boo new Boolean true 53 document write boo toString 輸出 true valueOf 定義和用法 valueOf 方法可返回 Boolean 對象的原始值 語法 booleanObject valueOf 返回值 boolea- 1.請仔細(xì)閱讀文檔,確保文檔完整性,對于不預(yù)覽、不比對內(nèi)容而直接下載帶來的問題本站不予受理。
- 2.下載的文檔,不會(huì)出現(xiàn)我們的網(wǎng)址水印。
- 3、該文檔所得收入(下載+內(nèi)容+預(yù)覽)歸上傳者、原創(chuàng)作者;如果您是本文檔原作者,請點(diǎn)此認(rèn)領(lǐng)!既往收益都?xì)w您。
下載文檔到電腦,查找使用更方便
15 積分
下載 |
- 配套講稿:
如PPT文件的首頁顯示word圖標(biāo),表示該P(yáng)PT已包含配套word講稿。雙擊word圖標(biāo)可打開word文檔。
- 特殊限制:
部分文檔作品中含有的國旗、國徽等圖片,僅作為作品整體效果示例展示,禁止商用。設(shè)計(jì)者僅對作品中獨(dú)創(chuàng)性部分享有著作權(quán)。
- 關(guān) 鍵 詞:
- Javascript 參考手冊 world
鏈接地址:http://www.3dchina-expo.com/p-10132931.html