Window Objects
Window Operation
Window objects are very useful for manipulating browser windows, and developers can move or resize the browser window. These operations can be implemented in four ways:
moveBy(dx,dy): moves the browser window horizontally by dx pixels and vertically by dy pixels. The value of dx is negative left shift, and dy is negative up shift.
moveTo(x,y): Move the browser window so that its upper left corner is located at (x,y) of the user's screen. Negative numbers can be used, but this will move some windows out of the visual area of the screen.
resizeBy(dw,dh): Adjust the width of the window by dw pixels and the height by dy pixels relative to the current size of the browser window. When dw and dy are negative, narrow the window.
resizeTo(w,h): Adjust the width of the window to w and the height to h, and no negative number can be used.
Note, FireFox and Chrome do not allow this operation by default, and it needs to be changed in the security settings.
Effect (effective in IE browser):
[Ctrl+A Select all Note:Introducing external Js requires refreshing the page before execution]
Navigate and open new windows
Navigation and opening a new window use the () method, which accepts four parameters, namely the URL of the page to be loaded in the new window, the name of the new window, the characteristic string, and the Boolean value of the currently loaded page is replaced with the newly loaded page. Generally, only the first three parameters are used, and the last parameter is only valid if () cannot open a new window.
The optional values of the third parameter are as follows:
top=pixels window y coordinate.
The attribute string is comma-separated, so there cannot be spaces after a comma or equal sign.
Example:
[Ctrl+A Select all Note:Introducing external Js requires refreshing the page before execution]
document object
Use the open, write, close and other methods of the document to write content to the newly opened window, as shown below:
<script type="text/javascript">
function run(){
var oNewWin=("about:blank","newwindow","height=300,width=400");
();
("<html><body><script>function test(){alert('test');}</scr"+"ipt><input type='button' value='test' onclick='test()'/></body></html>");
();
}
</script>
<input type='button' value='run' onclick='run()'/>
location object
The location object can be used to parse URLs, for example, the URL is: https:///2012/04/14/#top?id=1, then:
hash:#top
host:
hostname:
href:https:///2012/04/14/#top?id=1
pathname:/artwl/archive/2012/04/14/
port: blank
protocol:http:
search:?id=1
Author: Artwl
Source:
Window Operation
Window objects are very useful for manipulating browser windows, and developers can move or resize the browser window. These operations can be implemented in four ways:
moveBy(dx,dy): moves the browser window horizontally by dx pixels and vertically by dy pixels. The value of dx is negative left shift, and dy is negative up shift.
moveTo(x,y): Move the browser window so that its upper left corner is located at (x,y) of the user's screen. Negative numbers can be used, but this will move some windows out of the visual area of the screen.
resizeBy(dw,dh): Adjust the width of the window by dw pixels and the height by dy pixels relative to the current size of the browser window. When dw and dy are negative, narrow the window.
resizeTo(w,h): Adjust the width of the window to w and the height to h, and no negative number can be used.
Note, FireFox and Chrome do not allow this operation by default, and it needs to be changed in the security settings.
Effect (effective in IE browser):
[Ctrl+A Select all Note:Introducing external Js requires refreshing the page before execution]
Navigate and open new windows
Navigation and opening a new window use the () method, which accepts four parameters, namely the URL of the page to be loaded in the new window, the name of the new window, the characteristic string, and the Boolean value of the currently loaded page is replaced with the newly loaded page. Generally, only the first three parameters are used, and the last parameter is only valid if () cannot open a new window.
The optional values of the third parameter are as follows:
top=pixels window y coordinate.
| 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 | Is the window adjustable? The default is yes. |
| scrollable=yes|no | Whether to display the scroll bar. The default is yes. |
| location=yes|no | Whether to display the address field. The default is yes. |
| status=yes|no | Whether to add a status bar. The default is yes. |
| toolbar=yes|no | Whether to display the browser's toolbar. The default is yes. |
The attribute string is comma-separated, so there cannot be spaces after a comma or equal sign.
Example:
[Ctrl+A Select all Note:Introducing external Js requires refreshing the page before execution]
document object
Use the open, write, close and other methods of the document to write content to the newly opened window, as shown below:
Copy the codeThe code is as follows:
<script type="text/javascript">
function run(){
var oNewWin=("about:blank","newwindow","height=300,width=400");
();
("<html><body><script>function test(){alert('test');}</scr"+"ipt><input type='button' value='test' onclick='test()'/></body></html>");
();
}
</script>
<input type='button' value='run' onclick='run()'/>
location object
The location object can be used to parse URLs, for example, the URL is: https:///2012/04/14/#top?id=1, then:
hash:#top
host:
hostname:
href:https:///2012/04/14/#top?id=1
pathname:/artwl/archive/2012/04/14/
port: blank
protocol:http:
search:?id=1
Author: Artwl
Source: