Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • HTML DOM Window Object

    Enviado por

    satyanarayana
    86 visualizações8 páginas
    The document describes the Window object in JavaScript, which represents a browser window or frame. It contains collections, properties, and methods for working with windows. Some key properties and methods include document, location, open(), close(), and methods for controlling the window size and position. The open() method is used to open new browser windows and supports many parameters to control the window features and appearance.

    Descrição original:

    Título original

    Javascript)

    Direitos autorais

    © Attribution Non-Commercial (BY-NC)

    Formatos disponíveis

    DOCX ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    The document describes the Window object in JavaScript, which represents a browser window or frame. It contains collections, properties, and methods for working with windows. Some key properties and methods include document, location, open(), close(), and methods for controlling the window size and position. The open() method is used to open new browser windows and supports many parameters to control the window features and appearance.

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato DOCX ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    86 visualizações8 páginas

    HTML DOM Window Object

    Enviado por

    satyanarayana
    The document describes the Window object in JavaScript, which represents a browser window or frame. It contains collections, properties, and methods for working with windows. Some key properties and methods include document, location, open(), close(), and methods for controlling the window size and position. The open() method is used to open new browser windows and supports many parameters to control the window features and appearance.

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato DOCX ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 8

    HTML DOM Window Object

    Window Object
    The Window object is the top level object in the JavaScript hierarchy.
    The Window object represents a browser window.
    A Window object is created automatically with every instance of a <body> or <frameset> tag.
    IE: Internet Explorer, F: Firefox, O: Opera.
    Window Object Collections
    Collection Description IE F O
    frames[] Returns all named frames in the window 4 1 9

    Window Object Properties


    Property Description IE F O
    closed Returns whether or not a window has been closed 4 1 9
    defaultStatus Sets or returns the default text in the statusbar of the window 4 No 9
    document See Document object 4 1 9
    history See History object 4 1 9
    length Sets or returns the number of frames in the window 4 1 9
    location See Location object 4 1 9
    name Sets or returns the name of the window 4 1 9
    opener Returns a reference to the window that created the window 4 1 9
    outerheight Sets or returns the outer height of a window No No No
    outerwidth Sets or returns the outer width of a window No No No
    pageXOffset Sets or returns the X position of the current page in relation to the No No No
    upper left corner of a window's display area
    pageYOffset Sets or returns the Y position of the current page in relation to the No No No
    upper left corner of a window's display area
    parent Returns the parent window 4 1 9
    personalbar Sets whether or not the browser's personal bar (or directories bar)
    should be visible
    scrollbars Sets whether or not the scrollbars should be visible
    self Returns a reference to the current window 4 1 9
    status Sets the text in the statusbar of a window 4 No 9
    statusbar Sets whether or not the browser's statusbar should be visible
    toolbar Sets whether or not the browser's tool bar is visible or not (can only
    be set before the window is opened and you must have
    UniversalBrowserWrite privilege)
    top Returns the topmost ancestor window 4 1 9

    Window Object Methods


    Method Description IE F O
    alert() Displays an alert box with a message and an OK button 4 1 9
    blur() Removes focus from the current window 4 1 9
    clearInterval() Cancels a timeout set with setInterval() 4 1 9
    clearTimeout() Cancels a timeout set with setTimeout() 4 1 9
    close() Closes the current window 4 1 9
    confirm() Displays a dialog box with a message and an OK and a Cancel button 4 1 9
    createPopup() Creates a pop-up window 4 No No
    focus() Sets focus to the current window 4 1 9
    moveBy() Moves a window relative to its current position 4 1 9
    moveTo() Moves a window to the specified position 4 1 9
    open() Opens a new browser window 4 1 9
    print() Prints the contents of the current window 5 1 9
    prompt() Displays a dialog box that prompts the user for input 4 1 9
    resizeBy() Resizes a window by the specified pixels 4 1 9
    resizeTo() Resizes a window to the specified width and height 4 1.5 9
    scrollBy() Scrolls the content by the specified number of pixels 4 1 9
    scrollTo() Scrolls the content to the specified coordinates 4 1 9
    setInterval() Evaluates an expression at specified intervals 4 1 9
    setTimeout() Evaluates an expression after a specified number of milliseconds

    HTML DOM open() Method

    --------------------------------------------------------------------------------

    Complete Window Object Reference

    --------------------------------------------------------------------------------

    Definition and Usage

    The open() method is used to open a new browser window.

    Syntax

    window.open(URL,name,specs,replace)

    Parameter Description

    URL Optional. Specifies the URL of the page to open. If no URL is specified, a new
    window with about:blank is opened

    name Optional. Specifies the target attribute or the name of the window. The
    following values are supported:

    _blank - URL is loaded into a new window. This is default

    _parent - URL is loaded into the parent frame


    _self - URL replaces the current page

    _top - URL replaces any framesets that may be loaded

    name - The name of the window

    specs Optional. A comma-separated list of items. The following values are


    supported:

    channelmode=yes|no|1|0 Whether or not to display the window in theater mode.


    Default is no

    directories=yes|no|1|0 Whether or not to add directory buttons. Default is yes

    fullscreen=yes|no|1|0 Whether or not to display the browser in full-screen mode.


    Default is no. A window in full-screen mode must also be in theater mode

    height=pixels The height of the window. Min. value is 100

    left=pixels The left position of the window

    location=yes|no|1|0 Whether or not to display the address field. Default is yes

    menubar=yes|no|1|0 Whether or not to display the menu bar. Default is yes

    resizable=yes|no|1|0 Whether or not the window is resizable. Default is yes

    scrollbars=yes|no|1|0 Whether or not to display scroll bars. Default is yes

    status=yes|no|1|0 Whether or not to add a status bar. Default is yes

    titlebar=yes|no|1|0 Whether or not to display the title bar. Ignored unless the calling
    application is an HTML Application or a trusted dialog box. Default is yes

    toolbar=yes|no|1|0 Whether or not to display the browser toolbar. Default is yes

    top=pixels The top position of the window

    width=pixels The width of the window. Min. value is 100

    replace

    Optional.Specifies whether the URL creates a new entry or replaces the current
    entry in the history list. The following values are supported:
    true - URL replaces the current document in the history list

    false - URL creates a new entry in the history list

    --------------------------------------------------------------------------------

    Example

    The following example opens www.w3schools.com in a new browser window:

    <html>

    <head>

    <script type="text/javascript">

    function open_win()

    window.open("http://www.w3schools.com")

    </script>

    </head>

    <body><input type=button value="Open Window" onclick="open_win()"


    /></body>

    </html>

    --------------------------------------------------------------------------------

    Example

    The following example opens an about:blank page in a new browser window:


    <html>

    <body><script type="text/javascript">

    myWindow=window.open('','','width=200,height=100')

    myWindow.document.write("This is 'myWindow'")

    myWindow.focus()

    </script></body>

    </html>

    Open a new window when clicking on a button

    <html>

    <head>

    <script type="text/javascript">

    function open_win()

    window.open("http://www.w3schools.com");

    </script>

    </head>

    <body>

    <form>

    <input type=button value="Open Window" onclick="open_win()">

    </form>

    </body>

    </html>
    Open a new window and control its appearance

    <html>

    <head>

    <script type="text/javascript">

    function open_win()

    window.open("http://www.w3schools.com","_blank","toolbar=yes, location=yes,
    directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no,
    copyhistory=yes, width=400, height=400");

    </script>

    </head>

    <body>

    <form>

    <input type="button" value="Open Window" onclick="open_win()">

    </form>

    </body>

    </html>

    Open multiple windows with one click

    <html>

    <head>

    <script type="text/javascript">
    function open_win()

    window.open("http://www.microsoft.com/");

    window.open("http://www.w3schools.com/");

    </script>

    </head>

    <body>

    <form>

    <input type=button value="Open Windows" onclick="open_win()">

    </form>

    </body>

    </html>

    Open a new window

    <html>

    <body>

    <script type="text/javascript">

    myWindow=window.open('','','width=200,height=100');

    myWindow.document.write("This is 'myWindow'");

    myWindow.focus();

    </script>
    </body>

    </html>

    Você também pode gostar