JavaScript Bible 5th Edition Danny Goodman Appendix A JavaScript and Browser Objects Quick Reference 18 February 2004 ©2004 Danny Goodman (www.dannyg.com). All Rights Reserved. 3 © 2004 Danny Goodman (www.dannyg.com). All Rights Reserved. IE4+, NN6+ style Object Properties JSB5 IE4,N6 Operators 32 style 26 Comparison Text & Fonts Borders & Edges Inline Display & Layout == Equals color IE4, N6 borderIE4, N6 clear IE4, N6 N4, IE4 === Strictly equals fontIE4, N6 borderBottomIE4, N6 clip IE4, N6 != Does not equal fontFamily IE4, N6 borderLeftIE4, N6 clipBottom W5 N4, IE4 !== Strictly does not equal JavaScript and fontSize IE4, N6 borderRightIE4, N6 clipLeft W5 > Is greater than fontSizeAdjust M5, N6 borderTopIE4, N6 clipRight W5 >= Is greater than or equal to fontStretch M5, N6 borderBottomColor IE4, N6 clipTop W5 < Is less than Browser Objects fontStyle IE4, N6 borderLeftColorIE4, N6 content M5, N6 <= Is less than or equal to fontVariant IE4, N6 borderRightColorIE4, N6 counterIncrement M5, N6 fontWeight IE4, N6 borderTopColorIE4, N6 counterReset M5, N6 Arithmetic letterSpacing IE4, N6 borderBottomStyle IE4, N6 cssFloat M5, N6 Quick Reference IE5 IE4, N6 IE4, N6 + Plus (and string concat.) lineBreak borderLeftStyle cursor - Minus lineHeight IE4, N6 borderRightStyle IE4, N6 direction IE5, N6 * Multiply quotes M5, N6 borderTopStyle IE4, N6 display IE4, N6 / Divide rubyAlign IE5 borderBottomWidth IE4, N6 filterW4 % Modulo rubyOverhangIE5 borderLeftWidth IE4, N6 layoutGrid W5 ++ Increment rubyPosition IE5 borderRightWidth IE4, N6 layoutGridChar W5 -- Decrement textAlign IE4, N6 borderTopWidth IE4, N6 layoutGridLine W5 -val Negation Appendix A textAlignLast IE5.5 borderColorIE4, N6 layoutGridMode W5 textAutospace W5 borderStyle IE4, N6 layoutGridType W5 Assignment textDecoration IE4, N6 borderWidth IE4, N6 markerOffsetM5, N6 = Equals textDecorationBlink IE-Only marginIE4, N6 marks M5, N6 += Add by value textDecorationLineThrough IE-Only marginBottom IE4, N6 maxHeight M5, N6 -= Subtract by value JavaScript Bible, 5th Edition textDecorationNone IE-Only marginLeft IE4, N6 maxWidth M5, N6 *= Multiply by value textDecorationOverline IE-Only marginRight IE4, N6 minHeight M5, N6, W6 /= Divide by value by Danny Goodman textDecorationUnderline IE-Only marginTopIE4, N6 minWidth M5, N6 %= Modulo by value textIndent IE4, N6 outline M5, N6 MozOpacity N6 <<= Left shift by value textJustify IE5 outlineColor M5, N6 overflow IE4, N6 >>= Right shift by value textJustifyTrim IE5 outlineStyle M5, N6 overflowX W5 >>>= Zero fill by value textKashidaSpace IE5.5 outlineWidth M5, N6 overflowY W5 &= Bitwise AND by value textOverflow W6 padding IE4, N6 styleFloat IE-Only |= Bitwise OR by value textShadow M5, N6 paddingBottom IE4, N6 verticalAlign IE4, N6 ^= Bitwise XOR by value textTransform IE4, N6 paddingLeft IE4, N6 visibility IE4, N6 textUnderlinePosition IE5.5 paddingRight IE4, N6 widthIE4, N6 Boolean unicodeBidi IE5, N6 paddingTop IE4, N6 zoom W5.5 && AND whiteSpace IE4, N6 || OR W5 wordBreak Tables Printing ! NOT M4, N6, W6 M5, N6 wordSpacing borderCollapse orphansM5, N6 W5.5 M5, N6 wordWrap borderSpacing widows M5, N6 Bitwise How to Use This Quick Reference W5.5 M5, N6 writingMode captionSide pageM5, N6 & Bitwise AND This guide contains quick reference info for the core JavaScript M5, N6 Positioning emptyCells pageBreakAfter IE4, N6 | Bitwise OR language, the original document object model (2 pp), the IE4+DHTML IE5, N6 IE5, N6 bottom tableLayout pageBreakBefore IE4, N6 ^ Bitwise XOR IE4, N6 object model (4 pp), and the W3C DOM object model(4 pp) as height pageBreakInside M5, N6 ~ Bitwise NOT implemented in IE5+, NN6, Mozilla, and Safari browsers. All- leftIE4, N6 Lists N6 IE4, N6 size << Left shift uppercase object names refer to HTML elements (IE4+ and W3C pixelBottom IE/W-Only listStyle >> Right shift IE4, N6 DOMs). The three columns in each box list the object’s pixelHeight IE-Only listStyleImage >>> Zero fill right shift pixelLeft IE-Only listStylePosition IE4, N6 Miscellaneous properties,methods, and event handlers in that order. Read the W5 pixelRight IE/W-Only listStyleType IE4, N6 accelerator Miscellaneous compatibility guides for each section. IE-Only behavior W5 pixelTop IE4, N6 , Series delimiter pixelWidth IE-Only Background cssText N4, IE4 IE4, N6 W5 delete Property destroyer Numbers in the upper right corners of object squares are chapter posBottom IE/W-Only background imeMode N6, W5.5 in Item in object numbers in which the object is covered in detail. posHeight IE-Only backgroundAttachment IE4, N6 N6,W5 instanceof Instance of posLeft IE-Only backgroundColor IE4, N6 Scrollbars IE4, N6 new Object creator Basic browser and operating system notation codes are as follows: posRight IE/W-Only backgroundImage scrollbar3dLightColor W5.5 this Object self-reference posTopIE-Only gackgroundPosition IE4, N6 scrollbarArrowColor W5.5 N3, IE3 N — Netscape Navigator (including Mozilla when N6 or higher) typeof Value type posWidth IE-Only backgroundPositionX IE-Only scrollbarBaseColor W5.5 N3, IE3 IE — MS Internet Explorer void Return no value position IE4, N6 backgroundPositionY IE-Only scrollbarDarkShadowColor W5.5 W — Windows MSIE M — Macintosh MSIE IE4, N6 rightIE5, N6 backgroundRepeat scrollbarFaceColor W5.5 topIE4, N6 scrollbarHighlightColor W5.5 See the accompanying file for printing and collating instructions widthIE4, N6 scrollbarShadowColor W5.5 in booklet or broadside configurations. zIndex IE4, N6 scrollbarTrackColor W5.5 5 © 2004 Danny Goodman (www.dannyg.com). All Rights Reserved. Page 2 of 2 — Original DOM (NN2+, IE3+) Quick Reference JSB5 form 21 select 24 action handleEvent( evt)N4 onresetN3, IE4 length blur()N3, IE4 onblur elements[] reset()N3, IE4 onsubmit name focus()N3, IE4 onchange encoding submit() options[i] handleEvent( evt)N4 onfocus length options[i].defaultSelected method options[i].index name options[i].selected target options[i].text options[i].value selectedIndex Original DOM typeN3, IE4 button, reset, submit 22 Compatibility Guide form click() onclick Baseline browsers for this section are N3 N4, IE4 name handleEvent( evt) onmousedown navigator 38 NN2, WinIE3/J1, and MacIE3.01. An item with typeN3, IE4 onmouseup N4, IE4 N3, M4 no notation is compatible back to that level, and is value appCodeName javaEnabled() found in all new scriptable browsers since then. appMinorVersion IE4 preference(name[, val ])N4,(S) N3, IE4 Notations indicate the browser and version appName taintEnabled() in which the property, method, or event handler checkbox 22 appVersion was introduced. browserLanguage IE4 N6, IE4 checked click() onclick cookieEnabled IE4 Except for the window and navigator objects defaultChecked handleEvent( evt)N3 onmousedown N4, IE4 cpuClass N4 (whose listings cover all browsers and form onmouseup N4, IE4 language N3, M4 versions), new features listed in this section name mimeTypes[] IE4 cover only through NN4 (and IE4 when they typeN3, IE4 onLine N6 matched a new NN4 feature). Notations are value oscpu as follows: platformN4, IE4 N3, M4 N3 — New in NN3 plugins[] N4 — New in NN4 productN6 radio 22 N6 J2 — New in IE3, JScript.dll ver.2 productSub IE4 — New in IE4, all OSes securityPolicy N4 checked click() onclick (S) — Requires signed scripts (NN) systemLanguage IE4 defaultChecked handleEvent( evt)N3 onmousedown N4, IE4 Additional window and navigator object userAgent form onmouseup N4, IE4 notations are: userLanguage IE4 length W4 — IE4+/Windows only userProfile IE4 name W5 — IE5+/Windows only vendorN6 typeN3, IE4 IE5 — IE5+ all OSes vendorSub N6 value W5.5 — IE5.5+/Windows only W6 — IE6+/Windows only mimeTypeN3,M4 38 pluginN3,M4 38 M4 — IE4+/Mac only M5 — IE5+/Mac only text, textarea, password, hidden 23 description (None) name refresh() N6 — New in NN6 & Mozilla enabledPlugin filename Except for items marked N4-Only (which are defaultValue (1) blur() onblur type description not carried over into NN6), an item listed for form focus() onchange suffixes length an early browser is also available in the IE4+ name handleEvent( evt)N4 onfocus and/or W3C DOM object models. typeN3, IE4 select() onkeydown N4, IE4 “(None)” means that no methods or events value (2) onkeypress N4, IE4 screenN4,IE4 38 exist for the current object through IE3 and onkeyup N4, IE4 NN4. onselect availHeight (None) (1) (1) Not available for textarea object. availLeft (1) (2) Password value property returns empty string in NN2. availTop availWidth bufferDepth(2) colorDepth N3,(1),IE4 file input control 24 fontSmoothingEnabled (2) height form blur() onblur pixelDepth name focus() onfocus updateInterval (2) N4 type handleEvent( evt) onselect width value select() (1)N4+ only. (1) Aso called the fileUpload object. (2)WinIE4+ only. 7 © 2004 Danny Goodman (www.dannyg.com). All Rights Reserved. Page 2 of 4 — IE4+ DHTML DOM Quick Reference JSB5 FORM 21 A (anchor/link) 19 IMG 20 action reset() onreset hash align (None) onabort autocomplete W5 submit() onsubmit host alt onerror elements[] hostname border onload encoding href complete enctype Methods dynsrc length mimeType fileCreatedDate W4,M5 method name fileModifiedDate W4,M5 name nameProp fileSize W4,M5 target pathname fileUpdatedDate W5.5,M5 port height protocol href LABEL 35 protocolLong hspace rel isMap htmlFor (None) (None) rev loop search lowsrc BUTTON 22 target mimeType W6 urn name INPUT (button, reset, submit, radio, checkbox) namePropW5 protocol (See original object model button, reset, submit, radio, and checkbox object listings.) IE4+ DHTML DOM src start Compatibility Guide useMap INPUT (image) 22