Complete JS window event Parsing

Methods and attributes of js-window objects

Hxpd published on 21:58:18 proficient in the use of open, close, alert, confirm, prompt, setTimeout, cleartimeout, setinterval, clearinterval, moveBy, resizeBy, and scrollby methods of window objects

Measure the test taker's knowledge about how to use the moveTo, resizeTo, scrollto, and print methods of window objects.

Familiar with the use of window objects in the status, location, name, self, and opener attributes of window objects is one of the top JavaScript objects on the client, as long as the browser window is opened, whether or not a webpage is opened in the window, an instance of the window object is automatically created when the body, frameset, or frame element is encountered. In addition, the instance of this object can also be created by the window. open () method. Since the window object is the common ancestor of most other sub-objects, when calling the methods and properties of the window object, you can omit the reference of the window object. For example, the parameter Doc ument. Write () can be abbreviated to document. Write (). The instance name of the window can be omitted when you release any methods and properties of the window object in the window. For example, when setting the status attribute for the current mywin window, you can only use status instead of mywin. Status. However, the Instance name must be used to call the location attribute, close () method, or open () method in event processing.

6-2-1 window object Method

The window object has the following methods:

Open

Close

Alert

Confirm

Prompt

SetTimeout

Cleartimeout

Setinterval

Clearinterval

MoveBy

MoveTo

ResizeBy

ResizeTo

Scrollby

Scrollto

Find

Back

Forward

Home

Stop

Print

Blur

Focus

Captureevent

Enableexternalcapture

Disableexternalcapture

Handleevent

Releaseevent

Routeevent

Scroll

1. Open Method

Syntax format:

Window. Open (URL, window name, window style)

Function: open a new window and load the webpage with the specified URL address in the window.

Note:

The open method is used to open a new browser window and add a specified URL address to the new window;

When opening a new browser window, you can also specify the window name (the second parameter );

When opening a new browser window, you can also specify the window style (the third parameter ),

Window style has the following options. You can select multiple options. If you select multiple options, use commas to separate them:

Toolbar: Specifies whether the window has a Standard toolbar. If the value of this option is 1 or yes, there is a Standard toolbar. If the value of this option is 0 or no, there is no standard toolbar;

Location: Specifies whether the window has an address toolbar. The options have the same value and meaning as toolbar;

Directories: Specifies whether the window has a linked toolbar. The options have the same value and meaning as the toolbar;

Status: Specifies whether the window has a status bar. The value and meaning of the option are the same as those of toolbar;

Menubar: Specifies whether a window has menus. The options have the same value and meaning as toolbar;

Scrollbar: Specifies whether a scroll bar exists when the document in the current window is greater than the window. The value and meaning of the option are the same as those in the toolbar;

Resizable: Specifies whether the window size can be changed. The value and meaning of the options are the same as those of toolbar;

Width: Specify the window width in pixels, which has been replaced by innerwidth;

Height: Specify the window height in pixels, which has been replaced by innerheight;

Outerwidth: Specify the external width of the window in pixels;

Outerheight: Specify the external height of the window in pixels;

Left: Specify the position of the window to the left of the screen in pixels;

Top: Specify the position of the window from the top of the screen in pixels;

Alwayslowered: specifies that the window is hidden behind all windows. The value and meaning of the option are the same as that of the toolbar;

Alwaysraised: specifies that the window floats above all windows. The value and meaning of the option are the same as those of the toolbar;

Dependent: Specify the window to be opened as a child window of the current window and close it as the parent window is closed. The value and meaning of the option are the same as that of the toolbar;

Hotkeys: Set the Security Exit hotkey in a new window without a menu bar. The value and meaning of the option are the same as those of toolbar;

Innerheight: sets the pixel height of the document in the window;

Innerwidth: sets the pixel width of the document in the window;

Screenx: Set the pixel length between the window and the left boundary of the screen;

Screeny: Set the pixel length between the window and the upper boundary of the screen;

Titlebar: indicates whether the title bar is visible in a new window. The value and meaning of the option are the same as those of the toolbar;

Z-Look: indicates that when a window is activated, it cannot float on other windows. The value and meaning of the option are the same as that of toolbar.

The open method returns a reference to the window.

Tip: This method is often used to automatically open another window when a webpage is opened.

Example 6-2-1: compile a smallProgramIt is used to automatically open another window when opening the current window,

This window does not have a Standard toolbar, address bar, link toolbar, or menu bar, but has a status bar.

Open Web address: http://www.dlrtvu.edu.cn.

2. Close Method

Syntax format:

Window. Close ()

Function: the close method is used to automatically close the browser window.

3. Alert Method

Syntax format:

Window. Alert (prompt string)

Function: a warning box is displayed. The prompt string text is displayed in the warning box.

4. Confirm Method

Syntax format:

Window. Confirm (prompt string)

Function: A confirmation box is displayed. A prompt string is displayed in the confirmation box. When you click OK

This method returns true, and false if you click "cancel.

5. Prompt Method

Syntax format:

Window. Prompt (prompt string, default text)

Function: displays an input box. A prompt string is displayed in the input box. The default text is displayed in the input text box.

And wait for the user to enter. When the user clicks the "OK" button, the string entered by the user is returned.

When you click the cancel button, the return value is null.

6. setTimeout Method

Syntax format:

Window. setTimeout (CodeCharacter expression, in milliseconds)

Function: timed setting. When the specified number of milliseconds is reached, the Code character expression is automatically executed.

7. cleartimeout Method

Syntax format:

Window. cleartimeout (timer)

Function: cancels the previous scheduled setting. The parameter is the return value when setTimeout is used.

8. setinterval Method

Syntax format:

Window. setinterval (Code character expression, in milliseconds)

Function: after a time interval is set (the second parameter), the content of "code character expression" is repeatedly executed.

9. clearinterval Method

Syntax format:

Window. clearinterval (time interval)

Function: cancels the setinterval setting. The parameter is the return value of the setinterval method.

10. moveBy Method

Syntax format:

Window. moveBy (horizontal displacement, vertical displacement)

Function: Move the specified window according to the specified pixel parameter. The first parameter is the pixel that the window moves horizontally.

The two parameters are the pixels that move vertically in the window.

11. moveTo Method

Syntax format:

Window. moveTo (x, y)

Function: Move the window to the specified coordinate (x, y.

12. resizeBy Method

Syntax format:

Window. resizeBy (horizontal, vertical)

Function: changes the specified size (x, y) of the current window. If the values of X and Y are greater than 0, they are extended and smaller than 0.

To narrow down.

13. resizeTo Method

Syntax format:

Window. resizeTo (horizontal width, vertical width)

Function: changes the current window to (x, y), and X and Y are respectively width and height.

14. scrollby Method

Syntax format:

Window. scrollby (horizontal displacement, vertical displacement)

Function: Scroll the content in the window according to the given displacement. If the parameter is a positive number, it will scroll forward. Otherwise, reverse

Scroll.

15. scrollto Method

Syntax format:

Window. scrollto (x, y)

Function: Scroll the content in the window to the specified position.

16. Find Method

Syntax format:

Window. Find ()

Function: When this method is triggered, a "find" dialog box is displayed, allowing you

Find a string on the page of the find method.

Note: This attribute is not supported in both ie5.5 and netscape6.0.

17. Back Method

Syntax format:

Window. Back ()

Function: simulate a user clicking the "back" button on the browser to go to the previous page of the browser.

Note: This operation can be performed only when the current page has a previous page.

Note: ie5.5 does not support this method. netscape6.0 supports this method.

18. Forward Method

Syntax format:

Window. Forward ()

Function: simulate a user clicking the "Forward" button on the browser to go to the next page of the browser.

Note: This operation can be performed only when the current page has a next page.

Note: ie5.5 does not support this method. netscape6.0 supports this method.

19. Home Method

Syntax format:

Window. Home ()

Function: simulate a user clicking the "home" button on the browser to go to the specified page.

Note: ie5.5 does not support this method. netscape6.0 supports this method.

20. Stop Method

Syntax format:

Window. Stop ()

Function: simulate a user clicking the "stop" button on the browser to terminate the download operation of the browser.

Note: ie5.5 does not support this method. netscape6.0 supports this method.

21. Print Method

Syntax format:

Window. Print ()

Function: simulates the user's clicking the "print" button on the browser to notify the browser to open the Print dialog box and print it.

Current page.

22. blur method

Syntax format:

Window. Blur ()

Function: removes focus from the window. Be careful when using the focus method, because the focus may be caused.

Constantly move in and out.

23. focus Method

Syntax format:

Window. Focus ()

Function: focus in the window. Be careful when used with The Blur method, because the focus may be less

Break forward and remove.

24. captureevent Method

Syntax format:

Window. captureevent (Event)

Window. captureevent (Event 1 | event 2 |... | event N)

Function: captures all events of a specified parameter. Events that can be captured by the local program itself

So programmers can define functions at will to process events. If multiple events need to be captured

Separated by the pipe character "|. The event types that can be captured are as follows:

Event. Abort

Event. blur

Event. Change

Event. Click

Event. dblclick

Event. dragdrop

Event. Error

Event. Focus

Event. keydown

Event. keypress

Event. keyup

Event. Load

Event. mousedown

Event. mousuemove

Event. mouseout

Event. Mouseover

Event. mouseup

Event. Move

Event. Reset

Event. Resize

Event. Select

Event. Submit

Event. Unload

25. enableexternalcapture event

Syntax format:

Window. enableexternalcapture (Event)

Function: The enableexternalcapture method is used to capture external events passed in through parameters.

26. disableexternalcapture event

Syntax format:

Window. disableexternalcapture ()

Function: cancels the enableexternalcapture method and terminates the capture of external events.

27. handleevent event

Syntax format:

Window. handleevent (Event)

Function: The Event processor that triggers the specified event.

28. releaseevent event

Syntax format:

Window. releaseevent (Event)

Window. releaseevent (Event 1 | event 2 |... | event N)

Function: releases captured events passed in through parameters.

The event that can be released is the same as that set by the window. captureevent method.

29. routeevent

Syntax format:

Window. releaseevent (Event)

Function: transfers all captured events to standard event handling methods for handling, and events that can be transferred.

The same as captureevent.

30 scroll events

Syntax format:

Window. Scroll (x coordinate, Y coordinate)

Function: moves the window to the specified coordinate position.

6-2-2 properties of the window object

The window object has the following attributes:

Status

Statusbar

Statusbar. Visible

Defaultstatus

Location

Locationbar

Locationbar. Visible

Self

Name

Closed

Frames

Frames. Length

Length

Document

History

Innerheight

Innerwidth

Menubar

Menubar. Visible

Opener

Outerheight

Outerwidth

Pagexoffset

Pageyoffset

Parent

Personalbar

Personalbar. Visible

Scrollbar

Scrollbar. Visible

Toolbar

Toolbar. Visible

Top

1. Status attributes

Syntax format:

Window. Status = string

Function: set or display the current status bar in the browser window.

Tip: You can use this property to set the browser window status bar information.

2. statusbar attributes

Syntax format:

Window. statusbar. Properties

Function: The statusbar attribute is also an object used to access its own visible attribute to ensure

Determines whether the status bar is visible.

Note: ie5.5 does not support this attribute.

3. statusbar. visible attribute

Syntax format:

Window. statusbar. Visible

Function: Check whether the status bar is visible. If visible, true is returned. Otherwise, false is returned.

Note: ie5.5 does not support this attribute.

4. defaultstatus attributes

Syntax format:

Window. defaultstatus [= string]

Function: The defaultstatus attribute value is the default display information of the status bar in the browser window.

5. Location attribute

Syntax format:

Window. Location = URL

Function: Provides the URL Information of the current window or specifies the URL to open the window.

6. locationbar attributes

Syntax format:

Window. locationbar. Properties

Function: The locationbar attribute can also be viewed as a sub-object, which is used to obtain its own

To determine whether the position bar is visible.

So far, this property has only one sub-attribute: visible.

Note: ie5.5 does not support this attribute.

7. locationbar. visible attribute

Syntax format:

Window. locationbar. Visible

Function: whether the returned position bar is visible. If visible, true is returned. Otherwise, false is returned.

Note: ie5.5 does not support this attribute.

8. Self attributes

Syntax format:

Window. Self. Method

Window. Self. Properties

Function: This property contains the flag of the current window. With this property, it can be opened in multiple windows.

In this case, correctly calling the functions or properties in the current window will not cause confusion.

9. Name attributes

Syntax format:

Window. Name = Name

Function: return the window name, which is specified when the window. open () method creates a new window.

In javascript1.0, this attribute can only be used to read window names.

When using javascript1.1, you can use this attribute to create

Window to specify a name.

10. Closed attributes

Syntax format:

Window. Closed

Function: The closed attribute is used to return whether the instance in the specified window is closed. If it is closed, true is returned.

Otherwise, flase is returned.

11. Frames attributes

Syntax format:

Window. Frames ["framework name"]

Window. Frames [value]

Function: The frames attribute is an array used to store each sub-window created by an element in the document (Box

Rack) instance. The subscript can be a sequence number or a name specified by the name attribute of the frame element.

.

12. frames. Length attribute

Syntax format:

Window. frames. Length

Function: the frames. Length attribute is used to show the number of subwindow (FRAME) instances in the document.

13. Length attribute

Syntax format:

Window. Length

Function: returns the number of subwindows in a window.

The values of the window. Frame. Length attribute are the same.

14. document attributes

Syntax format:

Window.doc ument. Event

Window.doc ument. Method

Specified parameter Doc ument. Attribute

Function: the sub-object document of the window object is the core object of JavaScript.

Create an instance when the body element is created.

15. History attributes

Syntax format:

Window. History [value]

Window. History. Method ()

Window. History. Properties

The window object sub-object history is one of the core JavaScript objects. This property contains

List of the names and URLs of the accessed pages.

16. innerheight attribute

Syntax format:

Window. innerheight = Value

Function: return or specify the pixel height of the document in the browser window, which does not include any toolbar or

The page height of the window.

Note: ie5.5 does not support this attribute.

17. innerwidth attribute

Syntax format:

Window. innerheight = Value

Function: return or specify the pixel width of the document in the browser window. This width does not include any toolbar or

The page decoration width of the window.

Note: ie5.5 does not support this attribute.

18. menubar attributes

Syntax format:

Window. menubar. Attribute

Function: the menubar attribute can also be viewed as a child object. This attribute is used to obtain its own

To determine whether the menu bar is visible.

So far, this property has only one sub-attribute: visible.

Note: ie5.5 does not support this attribute.

19. menubar. Visible attributes

Syntax format:

Window. menubar. Visible

Function: the menubar. visible attribute is used to return whether the menu bar is visible. If yes, true is returned.

Returns false.

Note: ie5.5 does not support this attribute.

20. Opener attributes

Syntax format:

Window. Opener

Window. opener. Method

Window. opener. Attribute

Function: The opener attribute is associated with the parent window that opens the window. When you access the operer attribute in the subwindow

The parent window is returned. This attribute allows you to use methods and attributes in the parent window object.

21. outerheight attribute

Syntax format:

Window. outerheight

Function: The outerheight attribute is used to access the pixel height of a browser window, which includes the toolbar and

The height of the decorative edge.

Note: ie5.5 does not support this attribute.

22. outerwidth attribute

Syntax format:

Window. outerwidth

Function: The outerwidth attribute is used to access the pixel width of the browser window, which includes the toolbar and

The width of the trim.

Note: ie5.5 does not support this attribute.

23. pagexoffset attribute

Syntax format:

Window. pagexoffset = Value

Function: Specify the current horizontal pixel position in the upper left corner of the document in the browser window. Under Exploitation

Before moving moveTo, you can use this attribute to determine whether to move the window. Because this attribute returns

You can see the current position of the document relative to the entire page.

Note: ie5.5 does not support this attribute.

24. pageyoffset attributes

Syntax format:

Window. pageyoffset = Value

Function: Specify the current vertical pixel position in the upper left corner of the document in the browser window. Under Exploitation

Before moving moveTo, you can use this attribute to determine whether to move the window. Because this attribute returns

You can see the current position of the document relative to the entire page.

Note: ie5.5 does not support this attribute.

25. parent attributes

Syntax format:

Window. Parent. Frames [value]

Window. Parent. framesname

Function: access the parent window of each sub-window (Multi-frame.

26. personalbar attributes

Syntax format:

Window. personalbar. Properties

Function: The personalbar attribute is also an object used to access its own visible attribute.

Determines whether the personal column is visible.

Note: ie5.5 does not support this attribute.

27. personalbar. Visible attributes

Syntax format:

Window. personalbar. Visible

Function: determines whether the personal column is visible. If visible, true is returned. Otherwise, false is returned.

Note: ie5.5 does not support this attribute.

28. scrollbars attributes

Syntax format:

Window. scrollbars. Properties

Function: The scrollbars attribute is an object and is used to access its visible attribute.

Determines whether the scroll bar is visible.

Note: ie5.5 does not support this attribute.

29. scrollbars. visible attribute

Syntax format:

Window. scrollbars. Visible

Function: scrollbars. Visible is used to determine whether the scroll bar is visible. If visible, true is returned.

Returns false.

Note: ie5.5 does not support this attribute.

30. toolbar attributes

Syntax format:

Window. toolbar. Properties

Function: the toolbar attribute is also an object used to access its own visible attribute to determine

Whether the toolbar is visible.

Note: ie5.5 does not support this attribute.

31. toolbar. visible attribute

Syntax format:

Window. toolbar. Visible

Function: the toolbar. visible attribute is used to check whether the toolbar is visible. If visible, true is returned,

Otherwise, false is returned.

Note: ie5.5 does not support this attribute.

32. Top attributes

Syntax format:

Window. Top. Frames [value]

Window. Top. framename

Window. Top. Method ()

Window. Top. Properties

Function: The top attribute of the window object is used to contain information about the top-level windows of all sub-Windows (Multi-frame) loaded into the browser.