WEB开发网
开发学院网页设计JavaScript Frames and Framesets: Window 2 阅读

Frames and Framesets: Window 2

 2007-11-27 17:52:45 来源:WEB开发网   
核心提示: fgColor propertyA string specifying the color of the document text. 语法document.fgColorProperty ofdocument 描述The fgColor property is expressed as a hexadecimal
 

fgColor property

A string specifying the color of the document text.

语法

document.fgColor

Property of

document

描述

The fgColor property is expressed as a hexadecimal RGB triplet or as one of the string literals listed in Color Values. This property is the JavaScript reflection of the TEXT attribute of the <BODY> tag. The default value of this property is set by the user on the Colors tab of the Preferences dialog box, which is displayed by choosing General Preferences from the Options menu. You cannot set this property after the htm source has been through layout.

If you express the color as a hexadecimal RGB triplet, you must use the format rrggbb. For example, the hexadecimal RGB values for salmon are red=FA, green=80, and blue=72, so the RGB triplet for salmon is FA8072.

You can override the value set in the fgColor property in either of the following ways:

  • Setting the COLOR attribute of the <FONT> tag.
  • Using the fontcolor method.

    例子

    The following example sets the color of the foreground text to aqua using a string literal:

    document.fgColor=aqua

    The following example sets the color of the foreground text to aqua using a hexadecimal triplet:

    document.fgColor=00FFFF

    相关

  • alinkColor, bgColor, linkColor, and vlinkColor properties
  • fontcolor

    fixed method

    Causes a string to be displayed in fixed-pitch font as if it were in a <TT> tag.

    语法

    stringName.fixed()

    stringName is any string or a property of an existing object.

    方法

    string

    描述

    Use the fixed method with the write or writeln methods to format and display a string in a document.

    例子

    The following example uses the fixed method to change the formatting of a string:
    var worldString=Hello, worlddocument.write(worldString.fixed())

    The previous example produces the same output as the following htm:

    <TT>Hello, world</TT>

    floor method

    Returns the greatest integer less than or equal to a number.

    语法

    Math.floor(number)

    number is any numeric expression or a property of an existing object.

    方法

    Math

    例子

    //Displays the value 45document.write(<P>The floor of 45.95 is  + Math.floor(45.95))//Displays the value -46document.write(<P>The floor of -45.95 is  + Math.floor(-45.95))

    相关

  • ceil method

    focus method

    Gives focus to the specified object.

    语法

    1. passwordName.focus()2. selectName.focus()3. textName.focus()4. textareaName.focus()

    passwordName is either the value of the NAME attribute of a password object or an element in the elements array.
    selectName is either the value of the NAME attribute of a select object or an element in the elements array.
    textName is either the value of the NAME attribute of a text object or an element in the elements array.
    textareaName is either the value of the NAME attribute of a textarea object or an element in the elements array.

    方法

    password, select, text, textarea

    描述

    Use the focus method to navigate to a specific form element and give it focus. You can then either programatically enter a value in the element or let the user enter a value.

    例子

    In the following example, the checkPassword function confirms that a user has entered a valid password. If the password is not valid, the focus method returns focus to the password object and the select method highlights it so the user can re-enter the password.

    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>

    相关

  • blur, select methods

    fontcolor method

    Causes a string to be displayed in the specified color as if it were in a <FONT COLOR=color> tag.

    语法

    stringName.fontcolor(color)

    stringName is any string or a property of an existing object.
    color is a string or a property of an existing object, expressing the color as a hexadecimal RGB triplet or as one of the string literals listed in Color Values.

    方法

    string

    描述

    Use the fontcolor method with the write or writeln methods to format and display a string in a document.

    If you express color as a hexadecimal RGB triplet, you must use the format rrggbb. For example, the hexadecimal RGB values for salmon are red=FA, green=80, and blue=72, so the RGB triplet for salmon is FA8072.

    The fontcolor method overrides a value set in the fgColor property.

    例子

    The following example uses the fontcolor method to change the color of a string
    var worldString=Hello, worlddocument.write(worldString.fontcolor(maroon) +    is maroon in this line)document.write(<P> + worldString.fontcolor(salmon) +    is salmon in this line)document.write(<P> + worldString.fontcolor(red) +    is red in this line)document.write(<P> + worldString.fontcolor(8000) +    is maroon in hexadecimal in this line)document.write(<P> + worldString.fontcolor(FA8072) +    is salmon in hexadecimal in this line)document.write(<P> + worldString.fontcolor(FF00) +    is red in hexadecimal in this line)

    The previous example produces the same output as the following htm:

    <FONT COLOR=maroon>Hello, world</FONT> is maroon in this line<P><FONT COLOR=salmon>Hello, world</FONT> is salmon in this line<P><FONT COLOR=red>Hello, world</FONT> is red in this line<FONT COLOR=8000>Hello, world</FONT> is maroon in hexadecimal in this line<P><FONT COLOR=FA8072>Hello, world</FONT> is salmon in hexadecimal in this line<P><FONT COLOR=FF00>Hello, world</FONT> is red in hexadecimal in this line

    fontsize method

    Causes a string to be displayed in the specified font size as if it were in a <FONTSIZE=size> tag.

    语法

    stringName.fontsize(size)

    stringName is any string or a property of an existing object.
    size is an integer between one and seven, or a string representing a signed integer between 1 and 7, or a property of an existing object.

    方法

    string

    描述

    Use the fontsize method with the write or writeln methods to format and display a string in a document. When you specify size as an integer, you set the size of stringName to one of the seven defined sizes. When you specify size as a string such as -2, you adjust the font size of stringName relative to the size set in the <BASEFONT> tag.

    例子

    The following example uses string methods to change the size of a string:
    var worldString=Hello, worlddocument.write(worldString.small())document.write(<P> + worldString.big())document.write(<P> + worldString.fontsize(7))

    The previous example produces the same output as the following htm:

    <SMALL>Hello, world</SMALL><P><BIG>Hello, world</BIG><P><FONTSIZE=7>Hello, world</FONTSIZE>

    相关

  • big, small methods

    form object (forms array)

    Lets users input text and make choices from form objects such as checkboxes, radio buttons, and selection lists. You can also use a form to post data to a server.

    语法

    To define a form, use standard htm 语法 with the addition of the onSubmit event handler:

    <FORM   NAME=formName   TARGET=windowName   ACTION=serverURL   METHOD=GET | POST   ENCTYPE=encodingType   [onSubmit=handlerText]></FORM>

    NAME=formName specifies the name of the form object.

    TARGET=windowName specifies the window that form responses go to. When you submit a form with a TARGET attribute, server responses are displayed in the specified window instead of the window that contains the form. windowName can be an existing window; it can be a frame name specified in a <FRAMESET> tag; or it can be one of the literal frame names _top, _parent, _self, or _blank; it cannot be a JavaScript expression (for example, it cannot be parent.frameName or windowName.frameName). Some values for this attribute may require specific values for other attributes. See RFC 1867 for details. You can access this value using the target property.

    ACTION=serverURL specifies the URL of the server to which form field input information is sent. This attribute can specify a CGI or LiveWire application on the server; it can also be a mailto: URL if the form is to be mailed. See the location object for a 描述 of the URL components. Some values for this attribute may require specific values for other attributes. See RFC 1867 for details. You can access this value using the action property.

    METHOD=GET | POST specifies how information is sent to the server specified by ACTION. GET (the default) appends the input information to the URL which on most receiving systems becomes the value of the environment variable QUERY_STRING. POST sends the input information in a data body which is available on stdin with the data length set in the environment variable CONTENT_LENGTH. Some values for this attribute may require specific values for other attributes. See RFC 1867 for details. You can access this value using the method property.

    ENCTYPE=encodingType specifies the MIME encoding of the data sent: application/x-www-form-urlencoded (the default) or multipart/form-data. Some values for this attribute may require specific values for other attributes. See RFC 1867 for details. You can access this value using the encoding property.

    To use a form objects properties and methods:

    1. formName.propertyName2. formName.methodName(parameters)3. forms[index].propertyName4. forms[index].methodName(parameters)
    formName is the value of the NAME attribute of a form object.
    propertyName is one of the properties listed below.
    methodName is one of the methods listed below.
    index is an integer representing a form object.

    Property of

  • document

    描述

    Each form in a document is a distinct object.

    You can reference a forms elements in your code by using the elements name (from the NAME attribute) or the elements array. The elements array contains an entry for each element (such as a checkbox, radio, or text object) in a form.

    The forms array

    You can reference the forms in your code by using the forms array (you can also use the form name). This array contains an entry for each form object (<FORM> tag) in a document in source order. For example, if a document contains three forms, these forms are reflected as document.forms[0], document.forms[1], and document.forms[2].

    To use the forms array:

    1. document.forms[index]2. document.forms.length

    index is an integer representing a form in a document.

    To obtain the number of forms in a document, use the length property: document.forms.length.

    You can also refer to a forms elements by using the forms array. For example, you would refer to a text object named quantity in the second form as document.forms[1].quantity. You would refer to the value property of this text object as document.forms[1].quantity.value.

    Elements in the forms array are read-only. For example, the statement document.forms[0]=music has no effect.

    The value of each element in the forms array is <object nameAttribute>, where nameAttribute is the NAME attribute of the form.

    Properties

    The form object has the following properties:

  • action reflects the ACTION attribute
  • elements is an array reflecting all the elements in a form
  • encoding reflects the ENCTYPE attribute
  • length reflects the number of elements on a form
  • method reflects the METHOD attribute
  • target reflects the TARGET attribute

    The following objects are also properties of the form object:

  • button
  • checkbox
  • hidden
  • password
  • radio
  • reset
  • select
  • submit
  • text
  • textarea

    The forms array has the following properties:

  • length reflects the number of forms in a document

    Methods

  • submit

    Event handlers

  • onSubmit

    例子

    Example 1: named form. The following example creates a form called form1 that contains text fields for first name and last name. The form also contains two buttons that change the names to all upper case or all lower case. The function setCase shows how to refer to the form by its name.

    <htm><HEAD><TITLE>Form object example</TITLE></HEAD><body><B>First name:</B><INPUT TYPE=text NAME=firstName SIZE=20><br/><B>Last name:</B><INPUT TYPE=text NAME=lastName SIZE=20><p><INPUT TYPE=button VALUE=Names to uppercase NAME=upperButton onClick=setCase(upper)><INPUT TYPE=button VALUE=Names to lowercase NAME=lowerButton onClick=setCase(lower)></FORM></BODY></htm>Example 2: forms array. The onLoad event handler in the following example displays the name of the first form in an alert dialog box. <body>

    If the form na

  • Tags:Frames and Framesets

    编辑录入:coldstar [复制链接] [打 印]
    赞助商链接