More than 100 basic commonly used JS functions and grammar sets Daquan

Source: Internet
Author: User

Web site effects can not be separated from scripting, JavaScript is the most common scripting language, we summarize common basic functions and syntax:

1. Output statement:document.write ("");
The comment in 2.JS is//
3. The traditional order of HTML documents is:document->html-> (head,body)
4. The DOM order in a browser window is:window-> (navigator,screen,history,location,document)
5. Get the names and values of the elements in the form:document.getElementById ("ID number of element in form"). Name (or value)
6. A lowercase to uppercase JS:document.getElementById ("Output"). Value = document.getElementById ("input"). Value.touppercase ();
Value types in 7.JS:string,number,boolean,null,object,function
The character type in 8.JS is converted to a numeric type:parseint (), parsefloat ()
Numbers in 9.JS converted to character: ("" + variable)
The length of the string in 10.JS is: (length)
The characters in 11.JS are connected to the word typeface using the + sign.
The comparison operator in 12.JS has: = = equals,! = does not equal, >,>=,<.<=
Declaring variables in 13.JS using: var for declaration
The structure of judgment statements in 14.JS:if (condition) {}else{}
Loop structure in 15.JS: for ([Initial e-xpression];[ Condition]; [Upadte E-xpression]) {Inside loop}
16. The Circular abort command is: Break
Functions definition in 17.JS: function functionname ([parameter],...) {Statement[s]}
18. When multiple form forms appear in a file, you can use document.forms[0],document.forms[1] instead.
19. Window: Open Window window.open (), close a window: window.close (), window itself: Self
20. Setting of the status bar: window.status= "character";
21. Popup Message: Window.alert ("character");
22. Pop-Up Confirmation box: window.confirm ();
23. Popup Input Prompt Box: window.prompt ();
24. Specify the location of the current display link: window.location.href= "URL"
25. Remove the number of all forms in the form: document.forms.length
26. Close the output stream of the document: Document.close ();
27. String Append connector: + =
28. Create a document element: Document.createelement (), document.createTextNode ()
29. Method of getting elements: document.getElementById ()
30. Set the value of the members of all text types in the form to be null:

var form = window.document.forms[0 for (var i = 0; i<form.elements.length;i++ {      if (form.elements[i].type = = "Text") {          = "";      }}


31. Check the button in JS to determine whether to select: Document.forms[0].checkthis.checked (Checked property represents whether to check return TRUE or FALSE)
32. Radio button Group (the name of the radio button must be the same): the length of the radio button group Document.forms[0].groupname.length
33. Radio button Group to determine whether to be selected is also used checked.
34. The value of the drop-down list box: Document.forms[0].selectname.options[n].value (n sometimes use the drop-down list box name plus. SelectedIndex to determine the selected value)
35. Definition of the string: var myString = new String ("This is Lightsword");
36. Turn the string into uppercase: String.touppercase (); The string is converted to lowercase: string.tolowercase ();
37. Returns the position where string 2 appears in string 1: String1.indexof ("String2")!=-1 the description was not found.
38. Take a character at the specified position in the string: Stringa.charat (9);
39. Remove the substring that specifies the start and end point in the string: stringa.substring (2,6);
40. Mathematical function: Math.PI (return to PI), Math.sqrt2 (return to root), Math.max (value1,value2) returns the most value in two digits, Math.pow (value1,10) returns value1 10 times, Math.Round (value1) rounding function, Math.floor (Math.random () * (n+1)) return random number
41. Define date type variable: var today = new Date ();
42. List of date functions:
Dateobj.gettime () to get the time,
Dateobj.getyear () Gets the year,
Dateobj.getfullyear () gets a four-digit year,
Dateobj.getmonth () Gets the month,
Dateobj.getdate () Get the day,
Dateobj.getday () got a few dates,
Dateobj.gethours () Get the Hour,
Dateobj.getminutes () Get points,
Dateobj.getseconds () gets seconds,
Dateobj.settime (value) to set the time,
Dateobj.setyear (Val) set year,
Dateobj.setmonth (Val) set month,
Dateobj.setdate (Val) Set day,
Dateobj.setday (Val) Set the day of the week,
Dateobj.sethours Set Hours,
Dateobj.setminutes (Val) set points,
Dateobj.setseconds (val) Set seconds [Note: This date time starts from 0]
The 43.FRAME is represented in the following way:
[Window.] Frames[n]. objfuncvarname,frames["FrameName"]. Objfuncvarname,framename.objfuncvarname
44.parent represents the parent object, top represents the topmost object
45. Open the child window's parent window as: opener
46. Indicates the location currently belongs to: this
47. When invoking the JS function in a hyperlink, use: (javascript:) to start with the Add function name
48. Do not perform this js:< in the old browser!--//-->
49. Refer to a file-type Js:<script type= "Text/javascript" src= "Aaa.js" ></script>
50. Specify the html:<noscript></noscript> that is displayed in browsers that do not support scripting
51. When both the hyperlink and the OnClick event are sometimes, the old version of the browser turns to a.html, otherwise turns to b.html. Example: <a href= "a.html" onclick= "location.href= ' b.html '; return False ">dfsadf</a>
The 52.JS built-in objects are: Array,boolean,date,error,evalerror,function,math,number,object,rangeerror,referenceerror,regexp, String,syntaxerror,typeerror,urierror
Line break in 53.JS: \ n
54. Window Full Screen Size:
<script>function fullscreen () {This.moveto (0,0); this.outerwidth=screen.availwidth;this.outerheight= Screen.availheight;} Window.maximize=fullscreen;</script>
All in 55.JS represents all elements of its lower layer http://bizhi.knowsky.com/
Focus order in 56.JS: document.getElementById ("form Element"). TabIndex = 1
The value of 57.innerHTML is the value of the form element: such as <p id= "para" > "How is <em>you</em>" &LT;/P&GT;, then the value of innerHTML is: how is < Em>you</em>
The value of 58.innerTEXT is the same as above, except that the <em> is not displayed.
59.contentEditable can set whether the element can be modified, iscontenteditable returns whether the state can be modified.
60.isDisabled determines whether the status is forbidden. Disabled setting the Forbidden State
61.length get length, return integral type value
62.addBehavior () is a JS called external function file whose extension is. htc
63.window.focus () causes the current window to precede all windows.
64.blur () refers to the loss of focus. In contrast to focus ().
65.select () refers to elements that are selected.
66. Prevent user from entering text in text box: onfocus= "This.blur ()"
67. Remove the number of occurrences of the element in the page: Document.all.tags ("div (or other HTML tag)"). length
There are two forms of output in 68.JS: Modal and non-modal. window.showModalDialog (), window.showmodeless ()
69. Status bar text settings: window.status= ' text ', the default status bar text settings: window.defaultstatus = ' text. ';
70. Add to Favorites: External. Addfavorite ("http://www.xrss.cn", "Jaskdlf");
Do not do anything when a script error is encountered in 71.JS: Window.onerror = doNothing; The syntax for specifying an error handle is: Window.onerror = handleError;
The parent window of the currently open window is specified in 72.JS: Window.opener, Support Opener.opener ... The multiplicity of continuation.
The self in 73.JS refers to the current window
74.JS status bar display content: window.status= "Content"
Top in 75.JS refers to the topmost frame in the frame set.
Close the current window in 76.JS: Window.close ();
box for confirmation in 77.JS: if (Confirm ("Is you sure?")) {Alert ("OK");} Else{alert ("not OK");}
Window redirection in 78.JS: Window.navigate ("http://www.sina.com.cn");
Printed in 79.JS: Window.print ()
Prompt input box in 80.JS: Window.prompt ("message", "defaultreply");
Window scroll bar in 81.JS: Window.Scroll (x, y)
window in 82.JS scroll to position: Window.scrollby
Set time interval in 83.JS: setinterval ("expr", Msecdelay) or setinterval (Funcref,msecdelay) or settimeout
Modal display in 84.JS in ie4+ line, not in nn: ShowModalDialog ("URL" [, Arguments][,features]);
Handle used before exiting in 85.JS: function Verifyclose () {event.returnvalue= "We really like you and hope you'll stay longer.";}} Window.onbeforeunload=verifyclose;
86. File handle used when the form is first called: onload ()
87. File handle called when the form is closed: onunload ()
88.window.location Properties: Protocol (http:), hostname (www.example.com), port (+), host (www.example.com:80), pathname ("/A /a.html "), hash (" #giantGizmo ", refers to jump to the corresponding anchor), href (All information)
89.window.location.reload () refreshes the current page.
89-1.parent.location.reload () Refresh Father object (for frame)
89-2.opener.location.reload () Refreshes the parent window object (for single-open windows)
89-3.top.location.reload () Refreshes the topmost object (for multiple open windows)
90.window.history.back () returns to the previous page, Window.history.forward () returns to the next page, Window.history.go (returns to the page, or using the URL visited)
91.document.write () output with no newline, Document.writeln () line-wrapping output
92.document.body.nowrap=true; Prevent link text from wrapping.
93. Variable name. charAt (the first few), take the character of the variable.
94. "ABC". charCodeAt (the first few), returns the ASCII value of the first few characters.
95. String Connection: String.Concat (string2), or connect with + =
96. Variable. IndexOf ("character", starting position), returns the first occurrence of the position (calculated starting from 0)
97.string.lastindexof (Searchstring[,startindex]) The last occurrence of the position.
98.string.match (regexpression) to determine if the characters match.
99.string.replace (regexpression,replacestring) replaces the existing string.
100.string.split (delimiter) returns an array of stored values.
101.string.substr (Start[,length]) takes a string from the first to the specified length.
102.string.tolowercase () turns the string all lowercase.
103.string.touppercase () makes all characters uppercase.
104.parseInt (String[,radix (on behalf of)]) is cast to an integral type.
105.parseFloat (String[,radix]) cast to floating-point type.
106.isNaN (variable): The test is a numeric type.
107. Define a constant keyword: const, the keyword that defines the variable: var

More than 100 basic commonly used JS functions and grammar sets Daquan

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

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.