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