Home > Developer > JavaScript
Window object
Window operations
Window objects are very useful for operating browser windows. developers can move or adjust the size of browser windows. You can perform these operations in four ways:
MoveBy (dx, dy): Move dx pixels horizontally from the browser window to the current position, and move dy pixels vertically. The dx value is the negative shift left, and dy is the negative move up.
MoveTo (x, y): Move the browser window so that its upper left corner is located at (x, y) of the user screen. You can use a negative number, but this will remove some windows from the visible area of the screen.
ResizeBy (dw, dh): adjusts the width of the window to dw pixels and the height to dy pixels relative to the current size of the browser window. When dw and dy are negative, the window is reduced.
ResizeTo (w, h): Adjust the window width to w, and the height to h. A negative number is not allowed.
Note: FireFox and Chrome do not allow this operation by default. You must change it in the security settings.
Effect (in IE browser ):
<! DOCTYPE html> <pead> <meta charset = "UTF-8"/> <title> JavaScript window operation </title> </pead> <body> <input type =" button "onclick =" moveByF () "value =" moveBy "/> <input type =" button "onclick =" moveToF () "value =" moveTo "/> <input type =" button "onclick =" resizeByF () "value =" resizeBy "/> <input type =" button "onclick =" resizeToF () "value =" resizeTo "/> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
Navigate to and open a new window
Use window to navigate and open a new window. the open () method, which accepts four parameters, namely, the URL of the page to load the new window, the name of the new window, feature string and description whether to replace the Boolean value of the currently loaded page with the newly loaded page. Generally, only the first three parameters are used. The last parameter is valid only when window. open () cannot open a new window.
The optional values of the third parameter are as follows:
Top = y coordinate of the pixels window.
| Left = pixels | The x coordinate of the window. In pixels. |
| Height = pixels | The height of the window document display area. In pixels. |
| Width = pixels | The width of the document display area of the window. In pixels. |
| Resizable = yes | no | Whether the window size is adjustable. The default value is yes. |
| Scrollable = yes | no | Whether to display the scroll bar. The default value is yes. |
| Location = yes | no | Whether to display the address field. The default value is yes. |
| Status = yes | no | Whether to add a status bar. The default value is yes. |
| Toolbar = yes | no | Whether to display the toolbar of the browser. The default value is yes. |
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
