JsDom programming summary_javascript skills

1. Browser compatibility issues:
Examples of browser compatibility: IE6 and IE7 support table.appendChild("tr") differently from IE8. Use insertRow and insertCell instead or add tbody to the table, and then add tbody to the table. Add tr to tbody. FF (FireFox) does not support InnerText, use textContent instead
2. Almost all DOM elements have innerText and innerHTML attributes (note the case), which are the text representation of the content in the element tag and the HTML source code. These two Properties are readable and writable.
InnerHTML can replace createElement() when dynamically creating elements. It is a simple, extensive type and is created at your own risk.
3.write():
document.write() can only be used during the page loading process. Dynamically created
4.
Document is an attribute of the window object, because window. can be omitted when using the window object members, so generally write document directly
5.history Operation history
window.history .back() goes back; window.history.forward() goes forward. You can also use window.history.go(-1), window.history.go(1) to advance
6.clipboardData object, and operate the pasteboard:
clearData("Text") to clear the pasteboard; getData ("Text") reads the value of the pasteboard, and the return value is the content of the pasteboard; setData("Text",val) sets the value of the pasteboard.
7.oncopy="setTimeout('modifyClipboard()',100)". The user's copy action occurs 0.1 seconds later before changing the content in the pasteboard. 100ms is just a common value, you can write 1000, 10, 50, 200... The pasteboard cannot be modified directly in oncopy. You cannot directly perform operations on the pasteboard in oncopy, so set a timer and execute it after 0.1 seconds, so that it is no longer on the execution call stack of oncopy
8.returnValue attribute:
returnValue attribute, if Setting returnValue to false will cancel the processing of the default event. Disable access to the href page in the onclick of the hyperlink. It is forbidden to submit the form to the server during form verification to prevent incorrect data from being submitted to the server and page refresh.
//window.event.returnValue is not compatible with Firefox browser
9.
Members of the window.event object:
srcElement, obtain the event source object. Several events share an event response function. ****_click(object sender,EventArgs e)//Only supported by IE.
button, the mouse button when an event occurs, 1 is the left button, 2 is the right button, and 3 is the left and right buttons pressed simultaneously. //When you want to test the value of event.button, please test it in the onmousedown event. If only the click of the left mouse button is recognized in the onclick event.
10.
window.location.href='';//Re-navigate to a new page, you can get a value or assign a value.
window.location.reload(); // Refresh the current page
location.search: Get the url (after the ? number, including?)
11.
(1) onload: The web page is loaded Triggered when the browser downloads the document and parses and executes it at the same time. It may happen that a certain element needs to be operated when JavaScript is executed. This element has not been loaded. If so, the operation code must be placed in the onload event of the body, or you can Put JavaScript after the element. The element's onload event is triggered when the element itself is loaded, and body onload is when all loading is completed
(2) onunload: triggered after the web page is closed (or left).
(3) onbeforeunload: Triggered before the web page is ready to close (or leave).

. The text displayed varies depending on the browser version.
12.
When calling a method in js, you assign the pointer to it
var t=add;
function add(){}
13.
window.event.clientX It is a client visual interface
14.
1. The setInterval(code, time) method can execute code every time milliseconds.
There are two ways to enter the code:
1. Directly transfer Enter a method object - setInterval(showTime,1000);
2. Directly pass in the js code string to be executed - setInterval("alert(1);",1000);
2. About for in (Used to loop through the attributes and values ​​of objects)
When using for in to loop through an array, the attributes of the array will be looped out first
and then the elements in the array will be looped, but the k looped out at this time is the element. Subscript
3. innerHTML
Add the string to the middle of the corresponding double tag.
And immediately parse the string, if it conforms to the syntax of the html tag,
then call the browser's parser immediately, perform html parsing on the string, and
generate the corresponding dom object, Finally, append the DOM object to the child element collection (ChildNodes) of the added
object.
15.
Function of ShowModalDialog function:
Open a child window and can transfer data to and from the parent window. The biggest difference between it and window.open
is that after the child window is opened by ShowModalDialog, The parent window will be inoperable.
Usage:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,
sFeatures])
Parameter description:
sURL
Required parameter, type: string. Used to specify the URL of the document to be displayed in the dialog box.
vArguments
Optional parameters, type: variant. Used to pass parameters to the dialog box. There is no limit to the type of parameters passed, including
groups, etc. The dialog box obtains the parameters passed in through window.dialogArguments.
sFeatures
Optional parameter, type: string.Used to describe the appearance of the dialog box and other information, you can use one or more of the following
, separated by semicolons ";".
dialogHeight is the height of the dialog box, not less than 100px. The default units of dialogHeight
and dialogWidth in IE4 are em, while in IE5 it is px. For convenience, when defining a dialog box in modal
mode, use px is the unit.
DialogWidth: Dialog width.
DialogLeft: Distance from the left side of the desktop.
DialogTop: distance from the desktop.
Center: {yes | no | 1 | 0}: Whether the window is centered, the default is yes, but the
height and width can still be specified.
　 help: {yes | no | 1 | 0}: Whether to display the help button, the default is yes.
resizable: {yes | no | 1 | 0} [IE5+]: Whether it can be resized.
Accept no by default.
Status: {yes | no | 1 | 0} [IE5]: Whether to display the status bar. Default is yes [
Modeless] or no [Modal].
scroll:{ yes | no | 1 | 0 | on | off }: Indicates whether the dialog box displays scrolling
bars. The default is yes.
Parameter passing method:
The parent window can pass parameters to the child window using the second parameter of ShowModalDialog. If the parent window wants to obtain the parameters returned by the
child window, it can be obtained through the return value of the ShowModalDialog function.
The method for a child window to obtain the parent window parameters is to use the dialogArguments attribute of the child window window object to obtain
, for example:
parent.html


modal.html


The child window returns parameters to the parent window using the window.returnValue attribute, such as: <script> <BR>var obj = new Object(); <BR>obj.name="51js"; <BR>window.showModalDialog <BR>("modal.html",obj,"dialogWidth=200px;dialogHeight=100px"); <BR></script>window.returnValue=1; <script> <BR>var obj = window.dialogArguments <BR>alert("您传递的参数为：" + obj.name) <BR></script>window.close();