Method. Scrolls a window to a specified coordinate.
windowReference.scroll(x-coordinate,y-coordinate)
windowReference is a valid way of referring to a window, as described in the window object.
x-coordinate is an integer representing the x-coordinate in pixels.
y-coordinate is an integer representing the y-coordinate in pixels.
window.scroll(50,100)
<SCRIPT>
function scrollIt(form) {
var x = parseInt(form.x.value)
var y = parseInt(form.y.value)
parent.frame2.scroll(x, y)
}
</SCRIPT>
<BODY>
<FORM NAME="myForm">
<P><B>Specify the coordinates to scroll to:</B>
<BR>Horizontal:
<INPUT TYPE="text" NAME=x VALUE="0" SIZE=4>
<BR>Vertical:
<INPUT TYPE="text" NAME=y VALUE="0" SIZE=4>
<BR><INPUT TYPE="button" VALUE="Go"
onClick="scrollIt(document.myForm)">
</FORM>
Property. A string beginning with a question mark that specifies any query information in the URL.
1. links[index].search
2. location.search
3. areaName.search
areaName is the value of the NAME attribute of an Area object.
Area object (see Link object), Link object, location object
The search property specifies a portion of the URL. This property applies to http URLs only.
?x=7&y=5
See Section 3.3 of RFC 1738 for complete information about the search.
newWindow=window.open
("http://guide-p.infoseek.com/WW/NS/Titles?qt=RFC+1738+&col=WW")
msgWindow.document.write("newWindow.location.href = " +
newWindow.location.href + "<P>")
msgWindow.document.write("newWindow.location.protocol = " +
newWindow.location.protocol + "<P>")
msgWindow.document.write("newWindow.location.host = " +
newWindow.location.host + "<P>")
msgWindow.document.write("newWindow.location.hostName = " +
newWindow.location.hostName + "<P>")
msgWindow.document.write("newWindow.location.port = " +
newWindow.location.port + "<P>")
msgWindow.document.write("newWindow.location.pathname = " +
newWindow.location.pathname + "<P>")
msgWindow.document.write("newWindow.location.hash = " +
newWindow.location.hash + "<P>")
msgWindow.document.write("newWindow.location.search = " +
newWindow.location.search + "<P>")
msgWindow.document.close()
The previous example displays the following output:
newWindow.location.href =
http://guide-p.infoseek.com/WW/NS/Titles?qt=RFC+1738+&col=WW
newWindow.location.protocol = http:
newWindow.location.host = guide-p.infoseek.com
newWindow.location.hostName = guide-p.infoseek.com
newWindow.location.port =
newWindow.location.pathname = /WW/NS/Titles
newWindow.location.hash =
newWindow.location.search = ?qt=RFC+1738+&col=WW
hash, host, hostname, href, pathname, port, protocol properties
Method. Selects the input area of the specified Password, Text, or Textarea object.
1. passwordName.select()
2. textName.select()
3. textareaName.select()
Password object, Text object, Textarea object
function checkPassword(userPass) {
if (badPassword) {
alert("Please enter your password again.")
userPass.focus()
userPass.select()
}
}
This example assumes that the password is defined as
<INPUT TYPE="password" NAME="userPass">
To define a Select object, use standard HTML syntax with the addition of JavaScript event handlers:
<SELECT
NAME="selectName"
[SIZE="integer"]
[MULTIPLE]
[onBlur="handlerText"]
[onChange="handlerText"]
[onFocus="handlerText"]>
<OPTION VALUE="optionValue" [SELECTED]> textToDisplay
[ ... <OPTION> textToDisplay]
</SELECT>
SIZE="integer" specifies the number of options visible when the form is displayed.
To create an option to add to an existing Select object:
optionName = new Option([text, value, defaultSelected, selected])
To add the new option to an existing Select object:
selectName.options[index1]=optionName
To delete an option from a Select object:
selectName.options[index1] = null
To use a Select object's properties and methods:
1. selectName.propertyName
2. selectName.methodName(parameters)
3. formName.elements[index].propertyName
4. formName.elements[index].methodName(parameters)
To use an option's properties:
1. selectName.options[index1].propertyName
2. formName.elements[index2].options[index1].propertyName
3. optionName.propertyName
selectName is the value of the NAME attribute of a Select object.
index1 is an integer representing an option in a Select object.
index2 is an integer representing a Select object on a form.
propertyName is one of the properties listed below.
methodName is one of the methods listed below.
A Select object is a form element and must be defined within a <FORM> tag.
1. selectName.options
2. selectName.options[index]
3. selectName.options.length
index is an integer representing an option in a Select object.
1. selectName.length
2. selectName.options.length
for (var i = 0; i < select.options.length; i++) {
if (select.options[i].selected)
// Statements to perform if option is selected
...
}
document.myForm.musicTypes.selectedIndex = i
document.myForm.musicTypes.options[i].selected = true
<SELECT name="userChoice">
<OPTION>Choice 1
<OPTION>Choice 2
<OPTION>Choice 3
</SELECT>
myform.userChoice.options[i].text = myform.whatsNew.value
You do not need to reload or refresh after changing an option's text.
The code for this example looks as follows:
<SCRIPT>
function updateList(theForm, i) {
theForm.userChoice.options[i].text = theForm.whatsNew.value
theForm.userChoice.options[i].selected = true
}
</SCRIPT>
<FORM>
<SELECT name="userChoice">
<OPTION>Choice 1
<OPTION>Choice 2
<OPTION>Choice 3
</SELECT>
<BR>
New text for the option: <INPUT TYPE="text" NAME="whatsNew">
<BR>
Option to change (0, 1, or 2): <INPUT TYPE="text" NAME="idx">
<BR>
<INPUT TYPE="button" VALUE="Change Selection"
onClick="updateList(this.form, this.form.idx.value)">
</FORM>
The Select object has the following properties:
The options array has the following properties:
Property | Description |
---|---|
length |
Reflects the number of options in a Select object
|
selectedIndex |
Reflects the index of the selected option |
Each element of the options array has the following properties:
Objects created with the Option() constructor have the following properties:
The Select object has the following methods:
Choose the music type for your free CD:
<SELECT NAME="music_type_single">
<OPTION SELECTED> R&B
<OPTION> Jazz
<OPTION> Blues
<OPTION> New Age
</SELECT>
<P>Choose the music types for your free CDs:
<BR><SELECT NAME="music_type_multi" MULTIPLE>
<OPTION SELECTED> R&B
<OPTION> Jazz
<OPTION> Blues
<OPTION> New Age
</SELECT>
<HTML>
<HEAD>
<TITLE>Select object example</TITLE>
</HEAD>
<BODY>
<SCRIPT>
var today = new Date()
//---------------
function updatePropertyDisplay(monthObj,dayObj) {
// Get date strings
var monthInteger, dayInteger, monthString, dayString
monthInteger=monthObj.selectedIndex
dayInteger=dayObj.selectedIndex
monthString=monthObj.options[monthInteger].text
dayString=dayObj.options[dayInteger].text
// Display property values
document.selectForm.textFullDate.value=monthString + " " + dayString
document.selectForm.textMonthLength.value=monthObj.length
document.selectForm.textDayLength.value=dayObj.length
document.selectForm.textMonthName.value=monthObj.name
document.selectForm.textDayName.value=dayObj.name
document.selectForm.textMonthIndex.value=monthObj.selectedIndex
document.selectForm.textDayIndex.value=dayObj.selectedIndex
// Is it Cinco de Mayo?
if (monthObj.options[4].selected && dayObj.options[4].selected)
document.selectForm.textCinco.value="Yes!"
else
document.selectForm.textCinco.value="No"
}
</SCRIPT>
<!--------------->
<FORM NAME="selectForm">
<P><B>Choose a month and day:</B>
Month: <SELECT NAME="monthSelection"
onChange="updatePropertyDisplay(this,document.selectForm.daySelection)">
<OPTION> January <OPTION> February <OPTION> March
<OPTION> April <OPTION> May <OPTION> June
<OPTION> July <OPTION> August <OPTION> September
<OPTION> October <OPTION> November <OPTION> December
</SELECT>
Day: <SELECT NAME="daySelection"
onChange="updatePropertyDisplay(document.selectForm.monthSelection,this)">
<OPTION> 1 <OPTION> 2 <OPTION> 3 <OPTION> 4 <OPTION> 5
<OPTION> 6 <OPTION> 7 <OPTION> 8 <OPTION> 9 <OPTION> 10
<OPTION> 11 <OPTION> 12 <OPTION> 13 <OPTION> 14 <OPTION> 15
<OPTION> 16 <OPTION> 17 <OPTION> 18 <OPTION> 19 <OPTION> 20
<OPTION> 21 <OPTION> 22 <OPTION> 23 <OPTION> 24 <OPTION> 25
<OPTION> 26 <OPTION> 27 <OPTION> 28 <OPTION> 29 <OPTION> 30
<OPTION> 31
</SELECT>
<P><B>Set the date to: </B>
<INPUT TYPE="radio" NAME="dateChoice"
onClick="
monthSelection.selectedIndex=0;
daySelection.selectedIndex=0;
updatePropertyDisplay
document.selectForm.monthSelection,document.selectForm.daySelection)">
New Year's Day
<INPUT TYPE="radio" NAME="dateChoice"
onClick="
monthSelection.selectedIndex=4;
daySelection.selectedIndex=4;
updatePropertyDisplay
(document.selectForm.monthSelection,document.selectForm.daySelection)">
Cinco de Mayo
<INPUT TYPE="radio" NAME="dateChoice"
onClick="
monthSelection.selectedIndex=5;
daySelection.selectedIndex=20;
updatePropertyDisplay
(document.selectForm.monthSelection,document.selectForm.daySelection)">
Summer Solstice
<P><B>Property values:</B>
<BR>Date chosen: <INPUT TYPE="text" NAME="textFullDate" VALUE="" SIZE=20">
<BR>monthSelection.length<INPUT TYPE="text" NAME="textMonthLength" VALUE="" SIZE=20">
<BR>daySelection.length<INPUT TYPE="text" NAME="textDayLength" VALUE="" SIZE=20">
<BR>monthSelection.name<INPUT TYPE="text" NAME="textMonthName" VALUE="" SIZE=20">
<BR>daySelection.name<INPUT TYPE="text" NAME="textDayName" VALUE="" SIZE=20">
<BR>monthSelection.selectedIndex
<INPUT TYPE="text" NAME="textMonthIndex" VALUE="" SIZE=20">
<BR>daySelection.selectedIndex<INPUT TYPE="text" NAME="textDayIndex" VALUE="" SIZE=20">
<BR>Is it Cinco de Mayo? <INPUT TYPE="text" NAME="textCinco" VALUE="" SIZE=20">
<SCRIPT>
document.selectForm.monthSelection.selectedIndex=today.getMonth()
document.selectForm.daySelection.selectedIndex=today.getDate()-1
updatePropertyDisplay(document.selectForm.monthSelection,document.selectForm.daySelection)
</SCRIPT>
</FORM>
</BODY>
</HTML>
<SCRIPT>
function populate(inForm) {
colorArray = new Array("Red", "Blue", "Yellow", "Green")
var option0 = new Option("Red", "color_red")
var option1 = new Option("Blue", "color_blue")
var option2 = new Option("Yellow", "color_yellow")
var option3 = new Option("Green", "color_green")
for (var i=0; i < 4; i++) {
eval("inForm.selectTest.options[i]=option" + i)
if (i==0) {
inForm.selectTest.options[i].selected=true
}
}
history.go(0)
}
</SCRIPT>
<H3>Select Option() constructor</H3>
<FORM>
<SELECT NAME="selectTest"></SELECT><P>
<INPUT TYPE="button" VALUE="Populate Select List" onClick="populate(this.form)">
<P>
</FORM>
<HR>
<H3>Select-Multiple Option() constructor</H3>
<FORM>
<SELECT NAME="selectTest" multiple></SELECT><P>
<INPUT TYPE="button" VALUE="Populate Select List" onClick="populate(this.form)">
</FORM>
Example 4. Delete an option. The following function removes an option from a Select object.
function deleteAnItem(theList,itemNo) {
theList.options[itemNo]=null
history.go(0)
}
See also the examples for the defaultSelected property.
Form object, Radio object
Property. A Boolean value indicating whether an option in a Select object is selected.
1. selectName.options[index].selected
2. optionName.selected
index is an integer representing an option in a Select object.
optionName is the name of a Select object option created using the Option() constructor.
Option object (see Select object), options array (see Select object)
See the examples for the defaultSelected property.
defaultSelected, index, selectedIndex properties
Property. An integer specifying the index of the selected option in a Select object.
1. selectName.selectedIndex
2. selectName.options.selectedIndex
Select object; options array (see Select object)
function getSelectedIndex() {
return document.musicForm.musicType.selectedIndex
}
The previous example assumes that the Select object is similar to the following:
<SELECT NAME="musicType">
<OPTION SELECTED> R&B
<OPTION> Jazz
<OPTION> Blues
<OPTION> New Age
</SELECT>
defaultSelected, index, selected properties
Property. The self property is a synonym for the current window or frame.
1. self.propertyName
2. self.methodName
propertyName is the length or name property when self refers to a Frame object.
methodName is any method associated with the window object.
Frame object, window object
The self property refers to the current window or frame.
The self property is read-only. The value of the self property is
<object nameAttribute>
<A HREF=""
onClick="this.href=pickRandomURL()"
onMouseOver="self.status='Pick a random URL' ; return true">
Go!</A>
Method. Sets the day of the month for a specified date.
dateObjectName.setDate(dayValue)
dateObjectName is either the name of a Date object or a property of an existing object.
The second statement below changes the day for theBigDay to July 24 from its original value.
theBigDay = new Date("July 27, 1962 23:30:00")
theBigDay.setDate(24)
getDate method
Method. Sets the hours for a specified date.
dateObjectName.setHours(hoursValue)
dateObjectName is either the name of a Date object or a property of an existing object.
theBigDay.setHours(7)
getHours method
Method. Sets the minutes for a specified date.
dateObjectName.setMinutes(minutesValue)
dateObjectName is either the name of a Date object or a property of an existing object.
theBigDay.setMinutes(45)
getMinutes method
Method. Sets the month for a specified date.
dateObjectName.setMonth(monthValue)
dateObjectName is either the name of a Date object or a property of an existing object.
theBigDay.setMonth(6)
getMonth method
Method. Sets the seconds for a specified date.
dateObjectName.setSeconds(secondsValue)
dateObjectName is either the name of a Date object or a property of an existing object.
secondsValue is an integer between zero and 59 or a property of an existing object.
theBigDay.setSeconds(30)
getSeconds method
Method. Sets the value of a Date object.
dateObjectName.setTime(timevalue)
dateObjectName is either the name of a Date object or a property of an existing object.
Use the setTime method to help assign a date and time to another Date object.
theBigDay = new Date("July 1, 1999")
sameAsBigDay = new Date()
sameAsBigDay.setTime(theBigDay.getTime())
getTime method
Method. Evaluates an expression after a specified number of milliseconds has elapsed.
timeoutID=setTimeout(expression, msec)
timeoutID is an identifier that is used only to cancel the evaluation with the clearTimeout method.
expression is a string expression or a property of an existing object.
msec is a numeric value, numeric string, or a property of an existing object in millisecond units.
Frame object, window object
<SCRIPT LANGUAGE="JavaScript">
function displayAlert() {
alert("5 seconds have elapsed since the button was clicked.")
}
</SCRIPT>
<BODY>
<FORM>
Click the button on the left for a reminder in 5 seconds;
click the button on the right to cancel the reminder before
it is displayed.
<P>
<INPUT TYPE="button" VALUE="5-second reminder"
NAME="remind_button"
onClick="timerID=setTimeout('displayAlert()',5000)">
<INPUT TYPE="button" VALUE="Clear the 5-second reminder"
NAME="remind_disable_button"
onClick="clearTimeout(timerID)">
</FORM>
</BODY>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var timerID = null
var timerRunning = false
function stopclock(){
if(timerRunning)
clearTimeout(timerID)
timerRunning = false
}
function startclock(){
// Make sure the clock is stopped
stopclock()
showtime()
}
function showtime(){
var now = new Date()
var hours = now.getHours()
var minutes = now.getMinutes()
var seconds = now.getSeconds()
var timeValue = "" + ((hours > 12) ? hours - 12 : hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timeValue
timerID = setTimeout("showtime()",1000)
timerRunning = true
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="startclock()">
<FORM NAME="clock" onSubmit="0">
<INPUT TYPE="text" NAME="face" SIZE=12 VALUE ="">
</FORM>
</BODY>
clearTimeout method
Method. Sets the year for a specified date.
dateObjectName.setYear(yearValue)
dateObjectName is either the name of a Date object or a property of an existing object.
yearValue is an integer greater than 1900 or a property of an existing object.
theBigDay.setYear(96)
getYear method
Method. Returns the sine of a number.
Math.sin(number)
The following function returns the sine of the variable x:
function getSine(x) {
return Math.sin(x)
}
If you pass getSine the value Math.PI/2
,
it returns 1.
acos, asin, atan, atan2, cos, tan methods
Method. Causes a string to be displayed in a small font, as if it were in a <SMALL> tag.
stringName.small()
stringName is any string or a property of an existing object.
Use the small method with the write or writeln methods to format and display a string in a document.
The following example uses string methods to change the size of a string:
var worldString="Hello, world"
document.write(worldString.small())
document.write("<P>" + worldString.big())
document.write("<P>" + worldString.fontsize(7))
The previous example produces the same output as the following HTML:
<SMALL>Hello, world</SMALL>
<P><BIG>Hello, world</BIG>
<P><FONTSIZE=7>Hello, world</FONTSIZE>
Method. Sorts the elements of an array.
arrayName.sort(compareFunction)
arrayName is the name of an Array object or a property of an existing object.
So the compare function has the following form:
function compare(a, b) {
if (a is less than b by some ordering criterion)
return -1
if (a is greater than b by the ordering criterion)
return 1
// a must be equal to b
return 0
}
To compare numbers instead of strings, the compare function can simply subtract b from a:
function compareNumbers(a, b) {
return a - b
}
Note
On some platforms, the sort method does not work. Please see the release notes (after starting Netscape, choose Release Notes from the Help menu).
<SCRIPT>
stringArray = new Array("Blue","Humpback","Beluga")
numericStringArray = new Array("80","9","700")
numberArray = new Array(40,1,5,200)
mixedNumericArray = new Array("80","9","700",40,1,5,200)
function compareNumbers(a, b) {
return a - b
}
document.write("<B>stringArray:</B> " + stringArray.join() +"<BR>")
document.write("<B>Sorted:</B> " + stringArray.sort() +"<P>")
document.write("<B>numberArray:</B> " + numberArray.join() +"<BR>")
document.write("<B>Sorted without a compare function:</B> " + numberArray.sort() +"<BR>")
document.write("<B>Sorted with compareNumbers:</B> " + numberArray.sort(compareNumbers) +"<P>")
document.write("<B>numericStringArray:</B> " + numericStringArray.join() +"<BR>")
document.write("<B>Sorted without a compare function:</B> " + numericStringArray.sort() +"<BR>")
document.write("<B>Sorted with compareNumbers:</B> " + numericStringArray.sort(compareNumbers) +"<P>")
document.write("<B>mixedNumericArray:</B> " + mixedNumericArray.join() +"<BR>")
document.write("<B>Sorted without a compare function:</B> " + mixedNumericArray.sort() +"<BR>")
document.write("<B>Sorted with compareNumbers:</B> " + mixedNumericArray.sort(compareNumbers) +"<BR>")
</SCRIPT>
stringArray: Blue,Humpback,Beluga
Sorted: Beluga,Blue,Humpback
numberArray: 40,1,5,200
Sorted without a compare function: 1,200,40,5
Sorted with compareNumbers: 1,5,40,200
numericStringArray: 80,9,700
Sorted without a compare function: 700,80,9
Sorted with compareNumbers: 9,80,700
mixedNumericArray: 80,9,700,40,1,5,200
Sorted without a compare function: 1,200,40,5,700,80,9
Sorted with compareNumbers: 1,5,9,40,80,200,700
Method. Splits a String object into an array of strings by separating the string into substrings.
stringName.split([separator])
stringName is any string or a property of an existing object.
The split method returns the new array.
function splitString (stringToSplit,separator) {
arrayOfStrings = stringToSplit.split(separator)
document.write ('<P>The original string is: "' + stringToSplit + '"')
document.write ('<BR>The separator is: "' + separator + '"')
document.write ("<BR>The array has " + arrayOfStrings.length + " elements: ")
for (var i=0; i < arrayOfStrings.length; i++) {
document.write (arrayOfStrings[i] + " / ")
}
}
var tempestString="Oh brave new world that has such people in it."
var monthString="Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec"
var space=" "
var comma=","
splitString(tempestString,space)
splitString(tempestString)
splitString(monthString,comma)
This example produces the following output:
The original string is: "Oh brave new world that has such people in it."
The separator is: " "
The array has 10 elements: Oh / brave / new / world / that / has / such / people / in / it. /
The original string is: "Oh brave new world that has such people in it."
The separator is: "undefined"
The array has 1 elements: Oh brave new world that has such people in it. /
The original string is: "Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec"
The separator is: ","
The array has 12 elements: Jan / Feb / Mar / Apr / May / Jun / Jul / Aug / Sep / Oct / Nov / Dec /
charAt, indexOf, lastIndexOf methods
Method. Returns the square root of a number.
Math.sqrt(number)
number is any non-negative numeric expression or a property of an existing object.
If the value of number is outside the required range, sqrt returns zero.
The following function returns the square root of the variable x:
function getRoot(x) {
return Math.sqrt(x)
}
Math.SQRT1_2
Because SQRT1_2 is a constant, it is a read-only property of Math.
The following function returns one over the square root of two:
function getRoot1_2() {
return Math.SQRT1_2
}
E, LN2, LN10, LOG2E, LOG2E, PI, SQRT2 properties
Property. The square root of two, approximately 1.414.
Math.SQRT2
Because SQRT2 is a constant, it is a read-only property of Math.
The following function returns the square root of two:
function getRoot2() {
return Math.SQRT2
}
E, LN2, LN10, LOG2E, LOG2E, PI, SQRT1_2 properties
Property. A string specifying the URL of an image to be displayed in a document.
imageName.src
imageName is either the name of an Image object or an element in the images array.
<IMG NAME="myImage" SRC="beluga.gif" ALIGN="left">
You can change the src property at any time.
<SCRIPT>
function displayImage(lowRes,highRes) {
document.images[0].lowsrc=lowRes
document.images[0].src=highRes
}
</SCRIPT>
<FORM NAME="imageForm">
<B>Choose an image:</B>
<BR><INPUT TYPE="radio" NAME="imageChoice" VALUE="image1" CHECKED
onClick="displayImage('f15el.gif','f15e.gif')">F-15 Eagle
<BR><INPUT TYPE="radio" NAME="imageChoice" VALUE="image2"
onClick="displayImage('f15e2l.gif','f15e2.gif')">F-15 Eagle 2
<BR><INPUT TYPE="radio" NAME="imageChoice" VALUE="image3"
onClick="displayImage('ah64l.gif','ah64.gif')">AH-64 Apache
<BR>
<IMG NAME="aircraft" SRC="f15e.gif" LOWSRC="f15el.gif" ALIGN="left" VSPACE="10"><BR>
</FORM>
See also the examples for the Image object.
Property. Specifies a priority or transient message in the status bar at the bottom of the window, such as the message that appears when a mouseOver event occurs over an anchor. This property can only be set, not read, in IE 3.0
windowReference.status
windowReference is a valid way of referring to a window, as described in the window object.
<A HREF=""
onClick="this.href=pickRandomURL()"
onMouseOver="self.status='Pick a random URL'; return true">
Go!</A>
defaultStatus property
Method. Causes a string to be displayed as struck-out text, as if it were in a <STRIKE> tag.
stringName.strike()
stringName is any string or a property of an existing object.
The following example uses string methods to change the formatting of a string:
var worldString="Hello, world"
document.write(worldString.blink())
document.write("<P>" + worldString.bold())
document.write("<P>" + worldString.italics())
document.write("<P>" + worldString.strike())
The previous example produces the same output as the following HTML:
<BLINK>Hello, world</BLINK>
<P><B>Hello, world</B>
<P><I>Hello, world</I>
<P><STRIKE>Hello, world</STRIKE>
Object. A series of characters.
stringObjectName = new String(string)
1. stringName.propertyName
2. stringName.methodName(parameters)
stringObjectName is the name of a new String object.
stringName is the name of a String object or string variable.
propertyName is one of the properties listed below.
methodName is one of the methods listed below.
The String object is a built-in JavaScript object.
The String object has the following properties:
Property | Description |
---|---|
length |
Reflects the length of the string |
prototype |
Lets you add properties to a String object.
|
The String object has the following methods:
Example 1: String variable. The following statement creates a string variable:
var last_name = "Schaefer"
last_name.length
last_name.toUpperCase()
last_name.toLowerCase()
var lastName = new String("Schaefer")
var firstName = new String ("Jesse")
empWindow=window.open('string2.html','window1','width=300,height=300')
empWindow.empFirstName=firstName
empWindow.empLastName=lastName
The following code in the first window displays the values of the second window's variables:
alert('empFirstName in empWindow is ' + empWindow.empFirstName)
alert('empLastName in empWindow is ' + empWindow.empLastName)
Text object, Textarea object
Method. Causes a string to be displayed as a subscript, as if it were in a <SUB> tag.
stringName.sub()
stringName is any string or a property of an existing object.
Use the sub method with the write or writeln methods to format and display a string in a document.
The following example uses the sub and sup methods to format a string:
var superText="superscript"
var subText="subscript"
document.write("This is what a " + superText.sup() + " looks like.")
document.write("<P>This is what a " + subText.sub() + " looks like.")
The previous example produces the same output as the following HTML:
This is what a <SUP>superscript</SUP> looks like.
<P>This is what a <SUB>subscript</SUB> looks like.
sup method
formName.submit()
formName is the name of any form or an element in the forms array.
The submit method submits the specified form. It performs the same action as a submit button.
Use the submit method to send data back to an HTTP server. The submit method returns the data using either "get" or "post," as specified in the method property.
The following example submits a form called musicChoice:
document.musicChoice.submit()
If musicChoice is the first form created, you also can submit it as follows:
document.forms[0].submit()
See also the example for the Form object.
Submit object, onSubmit event handler
Object. A submit button on an HTML form. A submit button causes a form to be submitted.
To define a submit button, use standard HTML syntax with the addition of JavaScript event handlers:
<INPUT
TYPE="submit"
NAME="submitName"
VALUE="buttonText"
[onBlur="handlerText"]
[onClick="handlerText"]
[onFocus="handlerText"]>
To use a Submit object's properties and methods:
1. submitName.propertyName
2. submitName.methodName(parameters)
3. formName.elements[index].propertyName
4. formName.elements[index].methodName(parameters)
submitName is the value of the NAME attribute of a Submit object.
propertyName is one of the properties listed below.
methodName is one of the methods listed below.
A Submit object on a form looks as follows:
A Submit object is a form element and must be defined within a <FORM> tag.
The Submit object has the following properties:
Property | Description |
---|---|
form property |
Specifies the form containing the Submit object
|
name |
Reflects the NAME attribute |
type |
Reflects the TYPE attribute |
value |
Reflects the VALUE attribute |
The Submit object has the following methods:
<INPUT TYPE="submit" NAME="submitButton" VALUE="Done">
See also the examples for the Form object.
Button object, Form object, Reset object; submit method; onSubmit event handler
Method. Returns a subset of a String object.
stringName.substring(indexA, indexB)
stringName is any string or a property of an existing object.
indexA is any integer from zero to stringName.length - 1, or a property of an existing object.
indexB is any integer from zero to stringName.length, or a property of an existing object.
Example 1. The following example uses substring to display characters from the string "Netscape":
var anyString="Netscape" //Displays "Net" document.write(anyString.substring(0,3)) document.write(anyString.substring(3,0)) //Displays "cap" document.write(anyString.substring(4,7)) document.write(anyString.substring(7,4)) //Displays "Netscap" document.write(anyString.substring(0,7)) //Displays "Netscape" document.write(anyString.substring(0,8)) document.write(anyString.substring(0,10))
function replaceString(oldS,newS,fullS) {
// Replaces oldS with newS in the string fullS
for (var i=0; i<fullS.length; i++) {
if (fullS.substring(i,i+oldS.length) == oldS) {
fullS = fullS.substring(0,i)+newS+fullS.substring(i+oldS.length,fullS.length)
}
}
return fullS
}
replaceString("World","Web","Brave New World")
navigator.mimeTypes[index].suffixes
suffixes is a read-only property.
See the examples for the MimeType object.
description, enabledPlugin, type properties
Method. Causes a string to be displayed as a superscript, as if it were in a <SUP> tag.
stringName.sup()
stringName is any string or a property of an existing object.
Use the sup method with the write or writeln methods to format and display a string in a document.
The following example uses the sub and sup methods to format a string:
var superText="superscript"
var subText="subscript"
document.write("This is what a " + superText.sup() + " looks like.")
document.write("<P>This is what a " + subText.sub() + " looks like.")
The previous example produces the same output as the following HTML:
This is what a <SUP>superscript</SUP> looks like.
<P>This is what a <SUB>subscript</SUB> looks like.
sub method