2016/12/11 Front End Learning note JS End jquery begins.

Offsetwidth in offsetheight refers to the actual size of the box, not including the margin contains Width/height+padding+border.

offsettop and Offsetleft are the positions that are represented relative to the nearest parent element. If not, the body will prevail. all four of the above returns are numeric

OffsetParent (returns the parent with positioning if no body is returned) attention is distinguished from parentnode.

The difference between Panax Notoginseng Box.style.left and Box.offsetleft. 1 Offsetleft can return to the left position of the non-locating box, style.left not.

2 Offsetleft/offsettop Returns a value of 100, while Style.left and Style.top return a string Is "100px"

3 Offsettop/offsetleft read-only, style.left/style.top can read and write.

4 Style.top returns empty when an element is not assigned a top style.

Math.ceil () rounding up, Math.floor () down rounding, Math.Round () rounded.

39 easing animations. Formula: box.style.left=box.offsetleft+ (target-box.offsetleft)/10;

HTML basic structure Access syntax: document.body

Document.title

Document.head

Document.documentelement, note not with document.html.

Window.onscroll=function () {} is triggered every time one pixel is scrolled.

The scrolltop was rolled off the head. The compatibility of the rolled head is

The so-called standard mode refers to the browser in accordance with the standards of the code to parse the execution, the weird mode is to use the browser's own way to parse the execution code, because the different browser parsing executes differently, so we call it a strange mode. whether the browser resolves using standard mode or weird mode, directly related to the DTD declaration in your Web page, the DTD declaration defines the type of standard document (standard schema Parsing) document type, causes the browser to load the Web page and display it in the appropriate way, ignoring the DTD declaration, which will put the Web page into a weird mode (quirks mode).
43 Package Scroll

The JSON object: JSON is generally used as a configuration alone. face question How to extract the JSON internal data how to traverse (A: Also not do not know, just don't know how to answer, the interviewer went away I just remembered is for (var k in JSON) ...)
45 Parent plus overflow:auto; refers to the display of scroll bars. Window.scrollto (Xpos,ypos) xpos and yos are numeric values.
Supplemental images must be available in Google after load, not 12px or below.
47 Event Object This object is only an event and is to be resolved.
The Clientx and clienty represent the visual area mouse coordinates.
The Pageyyu Pagex represents the page coordinates of the page being rolled out, but ie678 is not supported. So

50 clear package of selected content

Wuyi Client Offsetwidth:width+padding+border
clientwidth:width+padding; Height ibid.

52 Package Screen Visible area

53 changing the background color with document.body.style.backgroundColor = "Red";

Window.screen.width returned is that the resolution of the computer is not related to the browser

55 Bubbling IE6 Div-body-html-document

Other Div-body-html-document-window

but! Blur focus load unload not bubbling

56 Judging the current object

57 Judging whether there is content to choose

2016/12/11 Front End Learning note JS End jquery begins.