JavaScript Bible 4th Edition ISBN 0-7645-3342-8 Danny Goodman Appendix A JavaScript and Browser Objects Quick Reference ©2001 Danny Goodman (www.dannyg.com). All Rights Reserved. 3 © 2001 Danny Goodman (www.dannyg.com). All Rights Reserved. IE4+, NN6+ style Object Properties JSB4 IE4,N6 Operators 40 style 30 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 + Plus (and string concat.) Quick Reference lineBreak IE5 borderLeftStyle IE4, N6 cursorIE4, N6 - 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 floatStyle M4 ++ Increment rubyPosition IE5 borderRightWidth IE4, N6 layoutGrid W5 -- Decrement textAlign IE4, N6 borderTopWidth IE4, N6 layoutGridChar W5 -val Negation textAlignLast IE5.5 borderColorIE4, N6 layoutGridLine W5 textAutospace W5 borderStyle IE4, N6 layoutGridMode W5 Assignment textDecoration IE4, N6 borderWidth IE4, N6 layoutGridType W5 = Equals Appendix A textDecorationBlink IE-Only marginIE4, N6 markerOffsetM5, N6 += Add by value textDecorationLineThrough IE-Only marginBottom IE4, N6 marks M5, N6 -= Subtract by value textDecorationNone IE-Only marginLeft IE4, N6 maxHeight M5, N6 *= Multiply by value textDecorationOverline IE-Only marginRight IE4, N6 maxWidth M5, N6 /= Divide by value JavaScript Bible, 4th Edition textDecorationUnderline IE-Only marginTopIE4, N6 minHeight M5, N6 %= Modulo by value textIndent IE4, N6 outline M5, N6 minWidth M5, N6 <<= Left shift by value by Danny Goodman 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 textShadow M5, N6 padding IE4, N6 styleFloat IE-Only |= Bitwise OR by value textTransform IE4, N6 paddingBottom IE4, N6 verticalAlign IE4, N6 ^= Bitwise XOR by value textUnderlinePosition IE5.5 paddingLeft IE4, N6 visibility IE4, N6 unicodeBidi IE5, N6 paddingRight IE4, N6 widthIE4, N6 Boolean whiteSpace IE4, N6 paddingTop IE4, N6 zoom IE5.5 && AND wordBreakW5 || OR wordSpacing IE4, N6 Tables Printing ! NOT wordWrapIE5.5 borderCollapse M5, N6 orphansM5, N6 writingMode IE5.5 borderSpacing M5, N6 widows M5, N6 Bitwise captionSide M5, N6 pageM5, N6 & Bitwise AND How to Use This Quick Reference Positioning emptyCells M5, N6 pageBreakAfter IE4, N6 | Bitwise OR bottomIE5, N6 tableLayout IE5, N6 pageBreakBefore IE4, N6 ^ Bitwise XOR This guide contains quick reference info for the core JavaScript height IE4, N6 pageBreakInside M5, N6 ~ Bitwise NOT language, the original document object model (2 pp), the IE4+DHTML leftIE4, N6 Lists size N6 << Left shift object model (4 pp), and the W3C DOM object model(4 pp) as rightIE5, N6 listStyle IE4, N6 >> Right shift implemented in IE5+ and NN6. All-uppercase object names refer topIE4, N6 listStyleImage IE4, N6 Miscellaneous >>> Zero fill right shift IE4, N6 IE4, N6 W5 to HTML elements (IE4+ and W3C DOMs). The three columns width listStylePosition accelerator pixelBottom IE/W-Only listStyleType IE4, N6 behavior W5 Miscellaneous in each box list the object’s properties,methods, and event handlers pixelHeight IE-Only cssText IE4, N6 , Series delimiter in that order. Read the compatibility guides for each section. pixelLeft IE-Only Background imeMode W5 N4, IE4 delete Property destroyer pixelRight IE/W-Only background IE4, N6 inN6, IE5.5 Item in object Numbers in the upper right corners of object squares are chapter pixelTop IE-Only backgroundAttachment IE4, N6 Scrollbars instanceof N6,W5 Instance of numbers in which the object is covered in detail. pixelWidth IE-Only backgroundColor IE4, N6 scrollbar3dLightColor IE5.5 new Object creator posBottom IE/W-Only backgroundImage IE4, N6 scrollbarArrowColor IE5.5 this Object self-reference Basic browser and operating system notation codes are as follows: posHeight IE-Only gackgroundPosition IE4, N6 scrollbarBaseColor IE5.5 typeof N3, IE3 Value type IE-Only IE-Only IE5.5 N — Netscape Navigator IE — MS Internet Explorer posLeft backgroundPositionX scrollbarDarkShadowColor void N3, IE3 Return no value posRight IE/W-Only backgroundPositionY IE-Only scrollbarFaceColor IE5.5 W — Win32 OS M — Macintosh OS posTopIE-Only backgroundRepeat IE4, N6 scrollbarHighlightColor IE5.5 posWidth IE-Only scrollbarShadowColor IE5.5 See the accompanying file for printing and collating instructions position IE4, N6 scrollbarTrackColor IE5.5 in booklet or broadside configurations. zIndex IE4, N6 5 © 2001 Danny Goodman (www.dannyg.com). All Rights Reserved. Page 2 of 2 — Original DOM (NN2+, IE3+) Quick Reference JSB4 form 23 select 26 action handleEvent( evt)N4 onReset N3, 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 N3, IE4 Original DOM button, reset, submit 24 type Compatibility Guide checked click() onClick N3 N4, IE4 Baseline browsers for this section are form handleEvent( evt) onMouseDown navigator 28 NN2, IE3/J1, and IE 3.01/Mac. An item with name onMouseUp N4, IE4 N3, IE4 N3, M4 no notation is compatible back to that level. type appCodeName javaEnabled() Notations indicate the browser and version value appMinorVersion IE4 preference(name[, val ])N4,(S) N3, M4 in which the property, method, or event handler appName taintEnabled() was introduced. An item showing to be introduced appVersion IE4 only in IE, for example, does not exist for any checkbox 24 browserLanguage NN version. cookieEnabled N6, IE4 IE4 checked click() onClick cpuClass Except for the window and navigator objects N3 N4, IE4 language N4 defaultChecked handleEvent( evt) onMouseDown (whose listings cover all browsers and N4, IE4 mimeTypes[] N3, M4 form onMouseUp versions), new features listed in this section onLine IE4 name cover only through NN4 (and IE4 when they N3, IE4 oscpu N6 type matched a new NN4 feature). Notations are platformN4, IE4 value as follows: plugins[] N3, M4 N3 — New in NN3 productN6 N4 — New in NN4 productSub N6 J2 — New in IE3, JScript.dll ver.2 radio 24 securityPolicy N6 IE4 — New in IE4, all OSes systemLanguage IE4 checked click() onClick (S) — Requires signed scripts (NN) userAgent defaultChecked handleEvent( evt)N3 onMouseDown N4, IE4 Additional window and navigator object userLanguage IE4 form onMouseUp N4, IE4 userProfile IE4 notations are: length vendorN6 W4 — IE4+/Windows only name vendorSub N6 W5 — IE5+/Windows only typeN3, IE4 IE5 — IE5+ all OSes value IE5.5 — IE5.5+ (only Win tested) mimeTypeN3,M4 28 pluginN3,M4 28 M4 — IE4+/Mac only M5 — IE5+/Mac only text, textarea, password, hidden 25 description (None) name refresh() N6 — New in NN6 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. N3, IE4 N4, IE4 “(None)” means that no methods or events type select() onKeyDown N4,IE4 value (2) onKeyPress N4, IE4 screen 28 exist for the current object through IE3 and onKeyUp N4, IE4 NN4. availHeight (None) onSelect availLeft (1) (1) Not available for textarea object. availTop (1) (2) Password value property returns empty string in NN2. availWidth bufferDepth(2) colorDepth N3,(1),IE4 file input control 26 fontSmoothingEnabled (2) height form blur() onBlur pixelDepth name focus() onFocus updateInterval (2) N4 type handleEvent( evt) onSelect width value select() (1)N4+ only. (1) Netscape also calls this the fileUpload object. (2)IE4+ only. 7 © 2001 Danny Goodman (www.dannyg.com). All Rights Reserved. Page 2 of 4 — IE4+ DHTML DOM Quick Reference JSB4 FORM 23 A (anchor/link) 21 IMG 22 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 method name fileModifiedDate name nameProp fileSize target pathname fileUpdatedDate port height protocol href LABEL 23 protocolLong hspace rel isMap htmlFor (None) (None) rev loop search lowsrc BUTTON 24 target name urn namePropW5 INPUT (button, reset, submit, radio, checkbox) protocol src (See original object model button, reset, submit, radio, and checkbox object listings.) start IE4+ DHTML DOM useMap vspace INPUT (image) 24 Compatibility Guide width complete (None) (None) The baseline browser for this section is form MSIE 4.