javascript常見文法(1-50)

來源:互聯網
上載者:User

標籤:ref   default   str   行修改   抽取   person   cal   --   outer   

1.Document對象是Window 對象的一部分,可通過 window.document 屬性對其進行訪問。

2.document.cookie 屬性可設定或查詢與當前文檔相關的所有 cookie。//該屬性是一個可讀可寫的字串,可使用該屬性對當前文檔的 cookie 進行讀取、建立、修改和刪除操作。

3.document.domain 屬性可返回下載當前文檔的伺服器網域名稱。//該屬性是一個唯讀字串,包含了載入當前文檔的 網頁伺服器的主機名稱。

4.document.referrer 屬性可返回載入當前文檔的文檔的 URL。//如果當前文檔不是通過超級連結訪問的,則為 null。這個屬性允許用戶端 JavaScript 訪問 HTTP 引用頭部。

5.document.title 屬性可返回當前文檔的標題( HTML title 元素中的文本)。

6.document.URL 屬性可返回當前文檔的 URL。//一般情況下,該屬性的值與包含文檔的 Window 的 location.href 屬性相同。不過,在 URL 重新導向發生的時候,這個 URL 屬性儲存了文檔的實際 URL,而 location.href 儲存了請求的 URL。

7.document.close()方法可關閉一個由 document.open 方法開啟的輸出資料流,並顯示選定的資料。

var newDoc=document.open("text/html","replace");

  var txt="<html><body>Learning about the DOM is FUN!</body></html>";

  newDoc.write(txt);

  newDoc.close();

8. document.getElementById(id), document.getElementsByName(name), document.getElementsByTagName(tagname), document.open(mimetype,replace), document.write(exp1,exp2,exp3,....)

9.prompt(text,defaultText) 方法用於顯示可提示使用者進行輸入的對話方塊。

10. arguments 該對象代表正在執行的函數和調用它的函數的參數, callee返回正被執行的 Function 對象,也就是所指定的 Function 對象的本文,Caller 返回一個對函數的引用,該函數調用了當前函數, callee屬性是 arguments 對象的一個成員,它表示對函數對象本身的引用,這有利於匿名函數的遞迴或者保證函數的封裝性,例如下邊樣本的遞迴計算1到n的自然數之和。而該屬性僅當相關函數正在執行時才可用。還有需要注意的是callee擁有length屬性,這個屬性有時候用於驗證還是比較好的。arguments.length是實參長度,arguments.callee.length是形參長度,由此可以判斷調用時形參長度是否和實參長度一致。

11. console.log(),可以用來取代alert()或document.write(),分別是一般資訊console.info()、除錯資訊console.debug()、警告提示console.warn()、錯誤提示console.error(),console.group(),console.groupEnd(),console.dir(),console.dirxml()用來顯示網頁的某個節點(node)所包含的html/xml代碼。var table = document.getElementById("table1");console.dirxml(table); console.assert()用來判斷一個運算式或變數是否為真。如果結果為否,則在控制台輸出一條相應資訊,並且拋出一個異常。

 

12. apply方法能劫持另外一個對象的方法,繼承另外一個對象的屬性,obj:這個對象將代替Function類裡this對象,args:這個是數組,它將作為參數傳給Function(args-->arguments)// Person.apply(this,arguments);

13.call 調用一個對象的一個方法,以另一個對象替換當前對象。obj1.method1.call(obj2,argument1,argument2) 如上,call的作用就是把obj1的方法放到obj2上使用,後面的argument1..這些做為參數傳入.

14. onclick 事件會在對象被點擊時發生。請注意, onclick 與 onmousedown 不同。單擊事件是在同一元素上發生了滑鼠按下事件之後又發生了滑鼠放開事件時才發生的。

15. String 對象用於處理文本(字串)。當 String() 和運算子 new 一起作為建構函式使用時,它返回一個新建立的 String 對象,存放的是字串 s 或 s 的字串表示。當不用 new 運算子調用 String() 時,它只把 s 轉換成原始的字串,並返迴轉換後的值。

16. split() 方法用於把一個字串分割成字串數組。如果把Null 字元串 ("") 用作 separator,那麼 stringObject 中的每個字元之間都會被分割。String.split() 執行的操作與 Array.join 執行的操作是相反的。

17. splice() 方法用於插入、刪除或替換數組的元素。請注意,splice() 方法與 slice() 方法的作用是不同的,splice() 方法會直接對數組進行修改。

arr.splice(2,0,"William")

George,John,Thomas,James,Adrew,Martin

George,John,William,Thomas,James,Adrew,Martin

arr.splice(2,1,"William")

George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin

arr.splice(2,3,"William")

George,John,Thomas,James,Adrew,Martin
George,John,William,Martin

18. slice() 方法可從已有的數組中返回選定的元素。請注意,該方法並不會修改數組,而是返回一個子數組。如果想刪除數組中的一段元素,應該使用方法 Array.splice()。

var arr = new Array(3)arr[0] = "George",arr[1] = "John",arr[2] = "Thomas", arr.slice(1), John,Thomas
var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"
arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin" arr.slice(2,4) Thomas,James
 
19.onfocus 事件在對象獲得焦點時發生. onfocus="setStyle(this.id)"
20. confirm() 方法用於顯示一個帶有指定訊息和 OK 及取消按鈕的對話方塊。如果使用者點擊確定按鈕,則 confirm() 返回 true。如果點擊取消按鈕,則 confirm() 返回 false。
21. parseInt() 函數可解析一個字串,並返回一個整數。
parseInt("10");                          //返回 10
parseInt("19",10);             //返回 19 (10+9)
parseInt("11",2);              //返回 3 (10+9)
parseInt("17",8);              //返回 15 (8+7)
parseInt("1f",16);             //返回 31 (16+15)
parseInt("010");               //未定:返回 10 或 8
22. Date() 方法可返回當天的日期和時間。document.write(Date()),Sat Jan 07 22:34:55 2017
new Date() Date 對象自動使用當前的日期和時間作為其初始值。
date.getFullYear()方法可返回一個表示年份的 4 位元字。
date.getMonth()方法可返回表示月份的數字, 使用本地時間。傳回值是 0(一月) 到 11(十二月) 之間的一個整數。
date.getDate()可返回月份的某一天, 傳回值是 1 ~ 31 之間的一個整數
date.getHours()方法可返回時間的小時欄位, 傳回值是 0 (午夜) 到 23 (晚上 11 點)之間的一個整數。
date.getMinutes()方法可返回時間的分鐘欄位。傳回值是 0 ~ 59 之間的一個整數。
date.getSeconds()方法可返回時間的秒。傳回值是 0 ~ 59 之間的一個整數。
date.getMilliseconds()方法可返回時間的毫秒。傳回值是 0 ~ 999 之間的一個整數
date.getTime()方法可返回距 1970 年 1 月 1 日之間的毫秒數。
23. innerHTML 屬性設定或返回一個連結的內容, document.getElementById(‘myAnchor‘).innerHTML="W3School";
document.getElementById("td1").innerHTML
24. setInterval() 方法可按照指定的周期(以毫秒計)來調用函數或計算運算式。setInterval() 方法會不停地調用函數,直到 clearInterval() 被調用或視窗被關閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數。int= self.setInterval("clock()",1000), int=window.clearInterval(int)
25. document.createElement()是在對象中建立一個對象,要與appendChild() 或 insertBefore()方法聯合使用。其中,appendChild() 方法在節點的子節點列表末添加新的子節點。insertBefore() 方法在節點的子節點列表任意位置插入新的節點。
 <script type="text/javascript">
            var board = document.getElementById("board");
            var e = document.createElement("input");
            e.type = "button";
            e.value = "這是測試載入的小例子";
            var object = board.appendChild(e);
        </script>
在標籤board中載入一個按鈕,屬性值為“這是測試載入的小例子”。
26. new Array(),new Object(),new String(),new Number()
27. toString() 方法可把一個邏輯值轉換為字串,並返回結果。根據原始布爾值或者 booleanObject 對象的值返回字串 "true" 或 "false"。如果調用該方法的對象不是 Boolean,則拋出異常 TypeError。在 Boolean 對象被用於字串環境中時,此方法會被自動調用。

28. toFixed() 方法可把 Number 四捨五入為指定小數位元的數字。

29. Anchor 對象表示 HTML 超連結。
30. charAt() 方法可返回指定位置的字元。請注意,JavaScript 並沒有一種有別於字串類型的字元資料類型,所以返回的字元是長度為 1 的字串。字串中第一個字元的下標是 0。如果參數 index 不在 0 與 string.length 之間,該方法將返回一個Null 字元串。
30. charCodeAt() 方法可返回指定位置的字元的 Unicode 編碼。這個傳回值是 0 - 65535 之間的整數。方法 charCodeAt() 與 charAt() 方法執行的操作相似,只不過前者返回的是位於指定位置的字元的編碼,而後者返回的是字元子串。字串中第一個字元的下標是 0。如果 index 是負數,或大於等於字串的長度,則 charCodeAt() 返回 NaN。
31. indexOf() 方法可返回某個指定的字串值在字串中首次出現的位置。indexOf() 方法對大小寫敏感!如果要檢索的字串值沒有出現,則該方法返回 -1。
32. lastIndexOf() 方法可返回一個指定的字串值最後出現的位置,在一個字串中的指定位置從後向前搜尋。lastIndexOf() 方法對大小寫敏感!如果要檢索的字串值沒有出現,則該方法返回 -1。

33. match() 方法可在字串內檢索指定的值,或找到一個或多個Regex的匹配。該方法類似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字串的位置。

如果 regexp 沒有標誌 g,那麼 match() 方法就只能在 stringObject 中執行一次匹配。如果沒有找到任何匹配的文本, match() 將返回 null。否則,它將返回一個數組,其中存放了與它找到的匹配文本有關的資訊。該數組的第 0 個元素存放的是匹配文本,而其餘的元素存放的是與Regex的子運算式匹配的文本。除了這些常規的數組元素之外,返回的數組還含有兩個對象屬性。index 屬性聲明的是匹配文本的起始字元在 stringObject 中的位置,input 屬性聲明的是對 stringObject 的引用。

如果 regexp 具有標誌 g,則 match() 方法將執行全域檢索,找到 stringObject 中的所有匹配子字串。若沒有找到任何匹配的子串,則返回 null。如果找到了一個或多個匹配子串,則返回一個數組。不過全域匹配返回的數組的內容與前者大不相同,它的數組元素中存放的是 stringObject 中所有的匹配子串,而且也沒有 index 屬性或 input 屬性。

34. replace() 方法可用一個新文檔取代當前文檔。replace() 方法不會在 History 對象中產生一個新的紀錄。當使用該方法時,新的 URL 將覆蓋 History 對象中的當前紀錄。window.location.replace("http://www.w3school.com.cn")

35. search 屬性可設定或返回某個地區中 link-URL 的查詢字串部分。areaObject.search=querystring

36. toUpperCase() 方法用於把字串轉換為大寫。stringObject.toUpperCase()

toLocaleLowerCase() 方法用於把字串轉換為小寫。stringObject.toLocaleLowerCase()

37. substring() 方法用於提取字串中介於兩個指定下標之間的字元。stringObject.substring(start,stop) ,與 slice() 和 substr() 方法不同的是,substring() 不接受負的參數。

var str="Hello world!",document.write(str.substring(3)),lo world!
var str="Hello world!",document.write(str.substring(3,7)),lo w
38. substr() 方法可在字串中抽取從 start 下標開始的指定數目的字元。stringObject.substr(start,length),substr() 的參數指定的是子串的開始位置和長度,因此它可以替代 substring() 和 slice() 來使用。ECMAscript 沒有對該方法進行標準化,因此反對使用它。
39. Math.abs返回數位絕對值
40. Math.sqrt方法可返回一個數的平方根。
41. sort() 方法用於對數組的元素進行排序。arrayObject.sort(sortby)

42. join() 方法用於把數組中的所有元素放入一個字串。arrayObject.join(separator),返回一個字串。該字串是通過把 arrayObject 的每個元素轉換為字串,然後把這些字串串連起來,在兩個元素之間插入 separator 字串而產生的。

43. pop() 方法用於刪除並返回數組的最後一個元素。pop() 方法將刪除 arrayObject 的最後一個元素,把數組長度減 1,並且返回它刪除的元素的值。如果數組已經為空白,則 pop() 不改變數組,並返回 undefined 值。

44. push() 方法可向數組的末尾添加一個或多個元素,並返回新的長度。傳回值是數組的長度

45. shift() 方法用於把數組的第一個元素從其中刪除,並返回第一個元素的值。傳回值是數組原來的第一個元素的值。

46. unshift() 方法可向數組的開頭添加一個或更多元素,並返回新的長度。傳回值是arrayObject 的新長度。
47. concat() 方法用於串連兩個或多個數組。arrayObject.concat(arrayX,arrayX,......,arrayX) 返回一個新的數組
48. reverse() 方法用於顛倒數組中元素的順序。該方法會改變原來的數組,而不會建立新的數組。
window.screen.availHeight      返回顯示螢幕的高度 (除 Windows 工作列之外)。
window.screen.availWidth       返回顯示螢幕的寬度 (除 Windows 工作列之外)。
window.screen.height           返回顯示螢幕的高度。
window.screen.width  返回顯示器螢幕的寬度。
window.innerHeight 你當前瀏覽器內容顯示視窗高度
window.innerWidth 你當前瀏覽器內容顯示視窗寬度
window.outerHeight 你當前瀏覽器整個高度
window.outerWidth 你當前瀏覽器整個寬度
setTimeout() 方法用於在指定的毫秒數後調用函數或計算運算式。
setTimeout(code,millisec)
setTimeout() 只執行 code 一次。如果要多次調用,請使用 setInterval() 或者讓 code 自身再次調用 setTimeout()。
onclick 點擊事件
window.onload 頁面載入完成後
onchange 當元素改變
獲得焦時間點事件 onfocus
失去焦時間點事件 onblur
滑鼠經過事件 onmouseover
滑鼠移開事件 onmouseout
onsubmit 事件會在表單中的確認按鈕被點擊時發生。
this.children;
parentNode 屬性返回指定節點的父節點。
parseFloat() 函數可解析一個字串,並返回一個浮點數。
childNodes 屬性返回節點的子節點集合,以 NodeList 對象。
test.innerText 從起始位置到終止位置的內容, 但它去除Html標籤 。
getAttribute() 方法返回指定屬性名稱的屬性值,以 Attr 對象。
nodeType 屬性可返回節點的類型
對於文本節點,nodeValue 屬性包含文本。
eval() 函數可計算某個字串,並執行其中的的 JavaScript 代碼。

javascript常見文法(1-50)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.