JavaScript Bible, Gold Edition part 214 docx
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (123.38 KB, 10 trang )
CD-622
Part VI ✦ Appendixes
Listing 37-8 (continued)
Enter a string to act as a delimiter between entries:
<INPUT TYPE=”text” NAME=”delim” VALUE=”,” SIZE=5><P>
<INPUT TYPE=”button” VALUE=”Array as-is” onClick=”showAsIs(this.form)”>
<INPUT TYPE=”button” VALUE=”Reverse the array” onClick=”reverseIt(this.form)”>
<INPUT TYPE=”reset”>
<INPUT TYPE=”button” VALUE=”Reload” onClick=”self.location.reload()”>
<TEXTAREA NAME=”output” ROWS=4 COLS=60>
</TEXTAREA>
</FORM>
</BODY>
</HTML>
Notice that the solarSys.reverse() method stands by itself (meaning, nothing
captures the returned value) because the method modifies the
solarSys array. You
then run the now inverted
solarSys array through the array.join() method for
your text display.
array.sort([compareFunction])
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓✓ ✓ ✓✓✓✓
Example
You can look to Listing 37-9 for a few examples of sorting an array of string values.
Four buttons summon different sorting routines, three of which invoke comparison
functions. This listing sorts the planet array alphabetically (forward and backward)
by the last character of the planet name and also by the length of the planet name.
Each comparison function demonstrates different ways of comparing data sent dur-
ing a sort.
Listing 37-9: Array.sort() Possibilities
<HTML>
<HEAD>
<TITLE>Array.sort()</TITLE>
<SCRIPT LANGUAGE=”JavaScript1.1”>
solarSys = new Array(9)
array.sort()
CD-623
Appendix F ✦ Examples from Parts III and IV
solarSys[0] = “Mercury”
solarSys[1] = “Venus”
solarSys[2] = “Earth”
solarSys[3] = “Mars”
solarSys[4] = “Jupiter”
solarSys[5] = “Saturn”
solarSys[6] = “Uranus”
solarSys[7] = “Neptune”
solarSys[8] = “Pluto”
// comparison functions
function compare1(a,b) {
// reverse alphabetical order
if (a > b) {return -1}
if (b > a) {return 1}
return 0
}
function compare2(a,b) {
// last character of planet names
var aComp = a.charAt(a.length - 1)
var bComp = b.charAt(b.length - 1)
if (aComp < bComp) {return -1}
if (aComp > bComp) {return 1}
return 0
}
function compare3(a,b) {
// length of planet names
return a.length - b.length
}
// sort and display array
function sortIt(form, compFunc) {
var delimiter = “;”
if (compFunc == null) {
solarSys.sort()
} else {
solarSys.sort(compFunc)
}
// display results in field
form.output.value = unescape(solarSys.join(delimiter))
}
</SCRIPT>
<BODY onLoad=”document.forms[0].output.value = unescape(solarSys.join(‘;’))”>
<H2>Sorting array elements</H2>
This document contains an array of planets in our solar system.<HR>
<FORM>
Click on a button to sort the array:<P>
<INPUT TYPE=”button” VALUE=”Alphabetical A-Z” onClick=”sortIt(this.form)”>
<INPUT TYPE=”button” VALUE=”Alphabetical Z-A”
onClick=”sortIt(this.form,compare1)”>
<INPUT TYPE=”button” VALUE=”Last Character”
onClick=”sortIt(this.form,compare2)”>
Continued
array.sort()
CD-624
Part VI ✦ Appendixes
Listing 37-9 (continued)
<INPUT TYPE=”button” VALUE=”Name Length” onClick=”sortIt(this.form,compare3)”>
<INPUT TYPE=”button” VALUE=”Reload Original” onClick=”self.location.reload()”>
<INPUT TYPE=”text” NAME=”output” SIZE=62>
</TEXTAREA>
</FORM>
</BODY>
</HTML>
array.splice(startIndex , deleteCount[,
item1[, item2[, itemN]]])
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓✓ ✓
Example
Use The Evaluator (Chapter 13) to experiment with the splice() method. Begin by
creating an array with a sequence of numbers:
a = new Array(1,2,3,4,5)
Next, remove the center three items, and replace them with one string item:
a.splice(1, 3, “two/three/four”)
The Results box shows a string version of the three-item array returned by the
method. To view the current contents of the array, enter
a into the top text box.
To put the original numbers back into the array, swap the string item with three
numeric items:
a.splice(1, 1, 2, 3, 4)
The method returns the single string, and the a array now has five items in it again.
✦✦✦
array.splice()
Symbols
</ /> comment tag, 41
<!—comment—> tag, 26
=+ (add-by-value operator), CD-90
<> delimiter characters, 4
!= (does not equal comparison operator),
CD-43
== (equals comparison operator), CD-43,
CD-58
> (greater than comparison operator),
CD-43
>= (greater than/equal to comparison
operator), CD-43
< (less than comparison operator), CD-43
<= (less than/equal to comparison
operator), CD-43
$1 $9 property, RegExp object, 1031
@ symbol, CD-1–CD-2
A
A element object, 493–504
abbr property
TD element object, 654
TH element object, 654
above property, layers, 860–861
acceptCharset property
FORM element object, 537
FORM object, 537
accessKey property, 109–110
LABEL element object, 418–419
action property
FORM element object, 537–538
FORM object, 5
activeElement property, document object,
344
ActiveX controls, 6
ActiveXObject object, 1140–1141
add-by-value operators, CD-90
addBehavior( ) method, 149–150
AddDesktopComponent( ) method, 237
addEventListener( ) method, 91–92,
151–153
AddFavorite( ) method, 237
addImport( ) method, styleSheet object,
790–791
addReadRequest( ) method, userProfile
object, 706–707
addRule( ) method, styleSheet object, 791
Adobe Acrobat Reader, 6
alert( ) method, 255, CD-21, CD-90
alertUser( ) function, CD-30
align property
APPLET element object, 903
EMBED element object, 914
HR element object, 416
IFRAME element object, 311–312
Image element object, 509
OBJECT element object, 908
TABLE element object, 630
alignment, IFRAME element object, 311–312
aLink property, BODY element object,
400–401
alinkColor property, document object,
344–345
all property, 110–111
simulator, 100–101
alt property
APPLET element object, 903–904
AREA element object, 522
Image element object, 509–510
OBJECT element object, 909
altHTML property
APPLET element object, 904
OBJECT element object, 909
altKey property, event object
IE4, 747–748
NN6+, 764–765
altLeft property, event object (IE4),
748–749
Anchor element object, 493–504
Index
1474
Index ✦ A
anchors property, document object,
345–346
animation, 6
APIs (application programming interfaces)
compatibility and, 1266–1268
scripting and, 1200–1206
appCore property, 229
appendChild( ) method, 86, 153–154
APPLET element object, 902–906
applet-to-script application example,
1193–1197
applets, 7
control, 1178
data type conversion, 1189–1190
JSObject class, 1191–1193
limitations of, 1185
playing, 7
properties, 1180
scripting examples, 1181–1190
source code, 1186–1187
stopping/starting, 1180
text files, reading, 1188
applets property, document object, 346
applications
calculations, 1355–1363
decision helper, 1375–1398
graphics, 1355–1363
intelligent updated flags, 1365–1373
lookup tables, 1299–1309
map puzzle, DHTML, 1399–1414
order forms, 1311–1319
table of contents, outline style,
1322–1353
XML data islands, transforming,
1415–1429
applyElement( ) method, 154–155
ARCHIVE attribute, signing scripts, 1248
archive property, APPLET element object,
904
AREA element object, 520–524
arg1 variable, 60
arguments. See also parameters
functions, CD-52
methods, CD-20
arguments property, Function object, 1097
arithmetic operators, 1074–1076, CD-43
arity property, Function object, 1097
Array( ) function, CD-55
Array object
methods, 998–1005
properties, 996–998
arrays, 987–988, CD-55–CD-59
attributes, 111
childNodes, 115
creating, 988–989, CD-55–CD-56
creation enhancements, 991
data access, CD-56
decrementing through, 130–131
deleting entries, 991–992
document objects in, CD-58–CD-59
document.all, 71
document.images, 51–52, CD-112
FORM object, 536
forms, 535–536
initializing, 988
literal notation, 991
multidimensional, 995–996
onImgArray, CD-113
parallel, 992–995, CD-56–CD-58
populating, options for, 989–991
used as stacks, 1000
assign( ) method, location object, 330
assignment operators, 1070, 1076–1078,
CD-37
assignments, event handlers, 51
attachEvent( ) method, 155–156
attribute object, 112
properties, 167
attributes
CONTENT, 48
deleting, 158–159, 179–180
HEIGHT, 124, CD-110
ID, 125, 1249–1250, CD-15
LANG, 129
LANGUAGE, 39, CD-23–CD-24
NAME, CD-15
SRC, 42–43, CD-24
TYPE, CD-24
WIDTH, 124, CD-110
1475
Index ✦ A–B
attributes array, 111
attributes property, 111–113
audio, 6
aural properties
currentStyle object, 839–840
runtimeStyle object, 839–840
style object, 839–840
authoring
environment setup, 20–23
MacOS and, 22
overview, 11–13
Windows and, 21
work-flow, 20–21
WYSIWYG tools, 19
autocomplete property, FORM element
object, 538
availHeight property, screen object,
699–700
availLeft property, screen object, 701
availTop property, screen object, 701
availWidth property, screen object,
699–700
axis property
TD element object, 654
TH element object, 654
B
back( ) method
history object, 335
window object, 256
back-end programs, 5
background properties
currentStyle object, 821–826
runtimeStyle object, 824–826
style object, 821–826
background property
BODY element object, 401
TABLE element object, 631
BASE element object, 475–477
BASEFONT element object, 477–478
BaseHref property, OBJECT element
object, 909
batch mode validation, 1151
BBEdit (Bare Bones Software), text editor,
20
behavior components
event handlers and, 1276
methods, 1276–1277
properties, 1276–1277
Behavioral Extensions for CSS, 1273
behaviorCookie property, event object
(IE4), 749
behaviorPart property, event object (IE4),
749
behaviors
components, linking, 1274–1275
components, structure, 1275–1277
enabling/disabling, 1275
examples, 1277–1283
Internet Explorer, 1273
style sheets and, 1273–1274
text objects, CD-78
behaviorUrns property, 113
below property, layers, 860–861
beta browsers, compatibility and, 54
bgColor property
BODY element object, 400–402
document object, 344–345, 346
layers, 862
MARQUEE element object, 421
TABLE element object, 631
bgProperties property
BODY element object, 402
bidirectional event model, 90–91
binding, data binding, 120–121
bitwise operators, 1070, 1082–1083
blank frames, 223–224
BLOCKQUOTE element object, 410
blur( ) method, 156–158
Text Input object, 578
BODY element object, 399–407
event handlers, 407
methods, 405–407
properties, 400–405
body property, document object, 347
<BODY> tag, onDragDrop event handler
and, 293–294
1476
Index ✦ B–C
body text objects, 409–472
bookmarks property, event object (IE4),
749–750
Boolean object, 965
Boolean operators, 1070, 1078–1082
Boolean values, CD-33, CD-36
border and edge properties
currentStyle object, 826–832
runtimeStyle object, 826–832
style object, 826–832
BORDER attribute, 300
border property
FRAMESET element object, 307
Image element object, 510
TABLE element object, 632
borderColor property
FRAME element object, 300
FRAMESET element object, 307–308
TABLE element object, 632
borders
color, 300, 308
frames, 302
size, 307
bottom property, TextRectangle object,
471–472
bottomMargin property, BODY element
object, 402–403
boundElements property, event object
(IE4), 749–750
boundingHeight property, TextRange
object, 453
boundingLeft property, TextRange object,
453
boundingTop property, TextRange object,
453
boundingWidth property, TextRange
object, 453
BR element object, 411
braces, curly, CD-54–CD-55
branching index pages, implementation,
47–49
branching variables, 95
break statement, CD-58
browser sniffer scripts, 48
browser wars, 12–13
browsers
branching index pages, 48–49
crashes, debugging, 1235
document object, 63–64
inline branching, compatibility,
1262–1263
non-DHTML, 1268–1269
nonscriptable, 45–46
older, <script> tag and, CD-26–CD-27
selecting, 20
threads, freezing, 287
version detection, 44–53
bubbles property, event object (NN6+),
765–766
bufferDepth property, screen property,
701–702
built-in objects, 58
BUTTON element object, 550–555
event handlers, 554–555
methods, 554
properties, 552–553
button elements
accessing, CD-80–CD-81
adding, CD-13–CD-14, CD-16–CD-17
Button object, CD-79
button property
event object (IE4), 750–751
event object (NN6+), 766
buttons, event handlers and, CD-21
C
calculations
application, 1355–1363
Date object, 978–982
calendars, 1285–1286
call( ) method, Function object, 1100–1102
caller property, Function object, 1098–1099
calling functions from event handler, CD-52
cancelable property, event object (NN6+),
767
1477
Index ✦ C
cancelBubble property, event object
IE4, 751–752
NN6+, 766–767
canHaveChildren property, 113–114
canHaveHTML property, 114
CAPTION element object, 645
caption property, TABLE element object,
633
captureEvents( ) method, 70
document object, 378–380
window object, 256–258
capturing events, 279–280
cascading style sheets, 16, 74
case, strings, converting, CD-91
cellIndex property
TD element object, 654
TH element object, 654–655
cellPadding property, TABLE element
object, 633
cells, tables, 615–616
content modification, 616–619
populating, 615–616
cells property
TABLE element object, 634
TR element object, 650
cellSpacing property, TABLE element
object, 633
CGI (Common Gateway Interface)
cookies, 348
prototyping, CD-8
serverless, CD-7
servers, CD-1–CD-2
character codes, key codes comparison,
208
characterSet property, document object,
348
charCode property, event object (NN6+),
767–738
charset property
A element object, 498
Anchor element property, 498–499
document object, 347
Link element object, 481, 498
META element object, 485
Checkbox Input object, 555–559
event handlers, 559
methods, 559
properties, 557–558
checkbox object, CD-79–CD-80
checked property, CD-79–CD-80
preferences and, CD-80
checked property, CD-79–CD-80
Checkbox Input object, 558
Radio Input object, 561–562
child/child references, 220, CD-102–CD-103
child frames, CD-99–CD-101
child nodes, 123
child/parent references, 220, CD-102
childNodes property, 114–115
children property, 115–116
chrome, windows, 235, CD-62
cite property, 410
CLASS attribute, 116
classes, 1178
JSObject, 1191–1193
scripting directly, 1214–1215
CLASSID attribute, 276
classid property, OBJECT element object,
909–910
className property, 116
clear( ) method
document object, 380
selection object, 443–444
clear property, BR element object, 411
clearAttributes( ) method, 158–159
clearInterval( ) method, 258
clearRequest( ) method, userProfile object,
707
clearTimeout( ) method, 258–259
click( ) method, 159
BUTTON element object, 554
Checkbox Input object, 559
Radio Input object, 564
clientHeight property, 116–117
clientInformation object (IE4+), 681–683
methods, 681–683
properties, 667–681
clientInformation property, 229
1478
Index ✦ C
clientLeft property, 117
clientTop property, 117
clientWidth property, 116–117
clientX property, event object
IE4, 752–754
NN6+, 768–769
clientY property, event object
IE4, 752–754
NN6+, 768–769
clip property, layers, 862–864
clipboardData property, 229–230
cloneContents( ) method, Range object,
431–432
cloneNode( ) method, 160
cloneRange( ) method, Range object,
431–432
close( ) method, CD-64
document object, 380–381
window object, 259
closed property, 231
closeNewWindow( ) function, CD-64
Code Base Principles, Evaluator Sr. and, 56
code property
APPLET element object, 904–905
OBJECT element object, 910
codebase principal, digital certificates and,
1246–1247
codeBase property
APPLET element object, 905
OBJECT element object, 910–911
codeType property, OBJECT element
object, 911
COL element objects, 646–648
collapse( ) method
Range object, 432–433
TextRange object, 454–455
collapsed property, Range object, 429
collections, 71
color
borders, 300, 308
layers, 858–859
color property
BASEFONT element object, 478
FONT element object, 412–413
HR element object, 416
colorDepth property, screen object, 702
cols property
FRAMESET element object, 308
TABLE element object, 634
TEXTAREA element object, 585–586
colSpan property
TD element object, 655
TH element object, 655
columns, tables, 625–627
comments, 26, 1137–1138
debugging and, 1229
statements and, CD-27–CD-28
commonAncestorContainer property,
Range object, 429–430
compact property, OL element object, 657
compareBoundaryPoints( ) method, Range
object, 433–434
compareEndPoints( ) method, TextRange
object, 455–456
comparison operators, 1069, 1070–1071,
CD-43
compatibility, 13–16
authoring and, 12–13
beta browsers, 54
designing for, 53–57
language, objects and, 13–14
ratings charts, 56–57
compile( ) method, regular expression
object, 1025–1026
complete property
Image element object, 510–511
Image Input object, 566
componentFromPoint( ) method, 160–162
Components property, 229, 231
concatenation, 27, CD-90–CD-91
strings, 928–929
conditions, loops, CD-50
1479
Index ✦ C
confirm dialog box, 260
confirm( ) method, 260–261
connubial operators, 1070, 1073–1076
console windows, Netscape, debugging,
1218–1219
const statement, 1138–1139
constructor property
Function object, 1100
string object, 932–933
containment hierarchy, 65
elements, 73–74
containment versus inheritance, 222–223
contains( ) method, 162
content, properties, 101–102
CONTENT attribute, 48
content property
currentStyle object, 813
META element object, 486
contentDocument property
FRAME element object, 301
IFRAME element object, 312–313
contentEditable property, 117–118
control selections, 198
control structures, 59, 1033, CD-48–CD-49
conditional expressions, 1038–1039
if constructions, 1034–1038, CD-48–CD-49
if-else constructions, 1034–1038, CD-49
labeled statements, 1048–1050
for loops, 1039–1044
with statement, 1047–1048
switch statement, 1050–1053
controllers property, 229, 231
controls, form controls, CD-76
converting
case, strings, CD-91
data types, CD-40–CD-42
data types, applets and, 1193
numbers to strings, CD-42
strings to numbers, CD-41–CD-42
cookie property, document object, 348–358
cookies
access, 350
Bill Dortch’s cookie functions, 354–357
CGI and, 348
domain, 352
expiration dates, 351–352
files, 349
retrieving data, 352–353
saving, 351–352
SECURE parameter, 352
strings, parsing, 353
subcookies, 358
throwaway passwords, 350
value, assigning, 351
coordinates, scrolling and, 280–281
coords property
A element object, 498–499
Anchor element object, 498–499
AREA element object, 523
Link element object, 498–499
Core DOM, 76–77
core language, 14–15
core language objects, CD-89
createAttribute( ) method, document
object, 381–382
createCaption( ) method, TABLE element
object, 639–340
createContextualFragment( ) method,
Range object, 434–435
createControlRange( ) method, BODY
element object, 405
createElement( ) method, 87
document object, 382–383
createEventObject( ) method, document
object, 383–384
createPopup( ) method, 261
createRange( ) method, selection object,
444
createStyleSheet( ) method, document
object, 384
createTextNode( ) method, 87
document object, 385
createTextRange( ) method, BODY element
object, 405
createTextRange( ) method, TEXTAREA
element object, 586–587
