window: The window object is the core of all objects in the BOM. In addition to being the parent object of all objects in the BOM, it also contains some window control functions.
1. Global window object
Any global function or variable in JavaScript is a property of window.
<script type="text/javascript">
var name="撼地神牛";
document.write(window.name);
</script>
Copy after login
2. Window and self objects
The self object is exactly the same as the window object. Self is usually used to confirm that it is in the current form.
JavaScript moveBy() function: Move the form x pixels horizontally from the current position, move the form y pixels vertically, x is a negative number , will move the form to the left, y is a negative number, will move the form up.
JavaScript moveTo() function: Moves the upper left corner of the form to the (x, y) point relative to the upper left corner of the screen. When a negative number is used as a parameter, the form will be moved out of the visible area of the screen.
JavaScript resizeBy() function: relative to the current size of the form, adjust the width by w pixels and the height by h pixels. If the parameter is negative, the form will be reduced, otherwise it will be enlarged.
JavaScript resizeTo() function: Adjust the width of the form to w pixels and the height to h pixels.
JavaScript scrollTo() function: If there is a scroll bar in the form, move the horizontal scroll bar to a position of x pixels relative to the width of the form. The vertical scroll bar moves to a position y pixels relative to the height of the form.
JavaScript scrollBy() function: If there is a scroll bar, move the horizontal scroll bar to a position of x pixels relative to the current horizontal scroll bar (that is, move x pixels to the left), and move the vertical scroll bar to a position relative to the current vertical scroll bar The height of the scroll bar is y pixels (that is, moving y pixels downward).
Pay attention to the difference. One is relative to the current window, and the other is relative to the current position of the scroll bar.
JavaScript open() function: open (pop up) a new form JavaScript close() function: close the form JavaScript opener attribute: communication between cross-forms can be achieved through opener, but Make sure they are under the same domain name, and one form must contain the opener of another form.
Window.open(url, name, features, replace);
open function parameter description:
url -- the URL to load the form; name -- the name of the new form (can also be HTML target attribute value, target); features -- a string representing form features, each feature in the string is separated by commas; replace -- a Boolean value indicating whether the newly loaded page replaces the currently loaded page Page, this parameter usually does not need to be specified.
First, use a normal HTML link to open a page (target name is dreamdu), and then use the open function to open another page. The browser first needs to find whether there is a form named dreamdu. , if there is one, load the open address in this form.
The third parameter features of the open function description:
Each feature in the feature string is separated by a comma, between each feature No spaces allowed.
After the window.open function creates a new form, it will return the window object of the newly created form. Through this object, the form can be controlled (moved, resized, closed).
Close function:
?
1
self.close(); combined with setTimeout() can achieve the effect of regularly closing the opened window.
Dialog function:
JavaScript alert() function: pops up a message dialog box (there is an OK button in the dialog box) JavaScript confirm() function: pops up a message dialog box (the dialog box contains an OK button and a Cancel button) JavaScript prompt() function: pops up a message dialog box (the dialog box contains an OK button, a Cancel button and a text input box) Alert();
