JAVASCRIPT is an indispensable part of AJAX technology, so if you want to learn AJAX and the popular AJAX framework well, it is the most important to learn JAVASCRIPT well.
1. Basic knowledge:
(""); Output statement
The comment in the //
3. The traditional HTML document order is: document->html->(head,body)
4. The DOM order in a browser window is: window->(navigator, screen, history, location, document)
5. Get the name and value of the element in the form: ("ID number of the element in the form").name (or value)
6. A lowercase to uppercase JS: ("output").value = ("input").();
Value types in: String, Number, Boolean, Null, Object, Function
Convert character types in the numerical type: parseInt(), parseFloat()
Convert the numbers in the character type: (""+ variable)
The length of the string in the fetch string is: (length)
The characters in which they are connected to characters are connected with + signs.
The comparison operators in the following are:== equal to, != not equal to,>,>=,<.<=
Declaring variables in the declared use:var to declare
The judgment statement structure in: if(condition){}else{}
Loop structure in: for([initial expression];[condition];[upadte expression]) {inside loop}
16. The command to abort the loop is: break
Function definition in: function functionName([parameter],...){statement[s]}
18. When multiple form forms appear in the file, you can use [0] and [1] instead.
19. Window: Open window(), close a window:(), window itself: self
20. Status bar settings:="character";
21. Pop-up prompt message: ("character");
22. The confirmation box pops up: ();
23. The input prompt box pops up: ();
24. Specify the current location of the link:="URL"
25. Remove the number of all forms in the form:
26. Close the output stream of the document: ();
27. Append string connector: +=
28. Create a document element: (), ()
29. Method to obtain elements: ()
30. Set the value of all text type members in the form to empty:
var form = [0]
for (var i = 0; i<;i++){
if ([i].type == "text"){
[i].value = "";
}
}
31. The checked button is selected in JS: [0]. (The checked attribute means whether it is selected and returns TRUE or FALSE)
32. Radio button group (the names of radio buttons must be the same): take the length of the radio button group [0].
33. Checked is also used to determine whether the radio button group is selected.
34. The value of the drop-down list box: [0].[n].value (n Sometimes the drop-down list box name plus .selectedIndex is used to determine the selected value)
35. Definition of string: var myString = new String("This is lightsword");
36. Convert string to uppercase: (); Convert string to lowercase: ();
37. Return the position where string 2 appears in string 1: ("String2")!=-1 means that it is not found.
38. Take a character at the specified position in the string: (9);
39. Take out the substrings specified starting point and ending point in the string: (2,6);
40. Mathematical function: (return pi), Math.SQRT2 (return to square), (value1, value2) returns the most value among the two numbers, (value1,10) returns the tenth power of value1, (value1) rounding function, (()*(n+1)) returns the random number
41. Define date-type variables: var today = new Date();
42. Date function list: () get time, () get year, () get four digits of year, () get month, () get day, () get day, () get hour, () get minutes, () get seconds, (value) set time, (val) set year, (val) set month, (val) set day, (val) set day of week, set hour, (val) set minutes, (val) set seconds [Note: This date and time start from 0]
The representation method: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,
Represents the father object, top represents the top object
45. The parent window that opens the child window is: opener
46. Indicates the current location: this
47. When calling JS functions in a hyperlink, use: (javascript:) to start with the function name after adding the function name
48. Don't execute this JS in old browsers:<!-- //->
49. Quoting a file-like JS:<script type="text/javascript" src=""></script>
50. Specify HTML displayed in browsers that do not support scripts: <noscript></noscript>
51. When both hyperlink and ONCLICK events are present, the old version of the browser will turn, otherwise turn. Example: <a href="" onclick="='';return false">dfsadf</a>
The built-in objects are: Array, Boolean, Date, Error, EvalError, Function, Math, Number, Object, RangeError, ReferenceError, RegExp, String, SyntaxError, TypeError, URIError
Line break in:/n
54. Window full screen size: <script>function fullScreen(){ (0,0);=;=;}=fullScreen;</script>
All in it represents all elements below it
Focus order in: ("Form Element").tabIndex = 1
The value of the form element is the value: if <p >"how are <em>you</em>"</p>, then the innerHTML value is: how are <em>you</em>
The value of the above is the same, but the mark is not displayed.
It can set whether the element can be modified, and isContentEditable returns the state of whether it can be modified.
Determine whether it is a prohibited state.disabled sets a prohibited state
Get the length and return the integer value
() is an external function file called by JS, with an extension of .htc
() Make the current window ahead of all windows.
() refers to losing focus. In contrast to FOCUS().
() means that the element is selected.
66. Prevent users from entering text into text boxes: onfocus="()"
67. Remove the number of occurrences of this element in the page: ("div (or other HTML tag)").length
It is divided into two forms outputs: modal and non-modal. (), ()
69. Settings of status column text: = 'Text', default status column text settings: = 'Text.';
70. Add to favorites:("","jaskdlf");
Do not do anything when you encounter a script error: = doNothing; The syntax for specifying the error handle is: = handleError;
Specifies the parent window of the currently open window:, supports multiple continuations of...
The self in it refers to the current window
The content is displayed in the status bar:="Content"
The top in the frame refers to the top-level framework in the framework center
Close the current window:();
The box that proposes whether to confirm: if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}
window redirection:("");
Print in: ()
The prompt input box in: ("message","defaultReply");
Window scrollbar in:(x,y)
The window in the scroll to position:
Set the time interval in: setInterval("expr",msecDelay) or setInterval(funcRef,msecDelay) or setTimeout
The modal in the IE4+ line is displayed, but not in NN: showModalDialog("URL"[,arguments][,features]);
The handle used before exit in: function verifyClose(){="we really like you and hope you will stay longer.";}} =verifyClose;
86. File handle used when the form is called for the first time: onload()
87. File handle called when the form is closed: onunload()
Properties: protocol(http:),hostname(),port(80),host(:80),pathname("/a/"), hash("#giantGizmo", refers to jumping to the corresponding anchor), href(all information)
() Refresh the current page.
() Refresh the father object (for framework)
() Refresh the parent window object (for single-open window)
() Refresh the top object (used to open multiple windows)
() Return to the previous page, () Return to the next page, (return to the page, you can also use the visited URL)
() Output without line breaks, () Output without line breaks
=true; prevents link text from breaking.
93. Variable name.charAt (that bit), take the character of the variable in which bit bit.
94. "abc".charCodeAt (this number), returns the ASCii code value of the number of characters.
95. String connection: (string2), or use += to connect
96. Variable.indexOf("character", start position), return the first occurrence position (calculated from 0)
(searchString[,startIndex]) where the last occurrence is.
(regExpression), determines whether the characters match.
(regEx expression,replace String) Replace existing string.
(delimiter) returns an array to store the value.
(start[,length]) Takes the string from the specified length from which bit.
() Make all strings lowercase.
() Make all characters uppercase.
(string[,radix(represents binary)]) cast into integer.
(string[,radix]) cast to floating point type.
(Variable): Test whether it is numerical.
107. Define the keywords for constants: const, define the keywords for variables: var
Two: Common methods of javascript are as follows:
and indexof, lastindexof
var arr = [1,2,3,4,5,4,3,2,1]; // When 1 parameter is used, it means passing the value, and returns to the index position (index starts from zero)var index = (4); // When there are 2 parameters, the first parameter indicates the starting position. The second parameter is still a valuevar index = (4,4); //alert(index)// 5
2. Five new superposition methods
// every: Run a function for each element of the array. If all return true, then return true. If there is a condition that does not meet, then return false.var result = (function(item,index,array){
return item > 2;
});
alert(result);
// filter: Run a function for each element of the array. Execute the given function and return the filtered result.var result = (function(item,index,array){
return item > 2;
});
alert(result);
// forEach: Loop the value of each item in the array and execute a method(function(item,index,array){
alert(item);
});
//map runs a function for each element of the array. You can return the new result after the function is executed.var result = (function(item,index,array){
return item*2;
});
alert(result)
//some: For each element of the array, wake up a function's run. If there is one that returns true, it returns true. If there is one that returns false, it returns falsevar result = (function(item,index,array){
return item >=5;
});
alert(result);
// reduce reduceRight
// Previous value, current value, index position, arrayvar result = (function(prev,cur,index,array){
return prev + cur;
});
alert(result);// 25
var result = (function(prev,cur,index,array){
return prev + cur;
});
alert(result)//25