BOM part attributes and understanding

BOM Some attributes and understanding

BOM Call it the browser object model . It is mainly about the way we interact with browsers .

By IE3.0 and Netscape Navigator3.0( netscape ) Provides a new feature , It is mainly used to pass through JS This scripting language to operate the browser , It is convenient for us to access the browser window .

BOM Some objects contained in ：
Window object
Navigator object
Screen object
History object
Location object

window( window ), Table 4 browser window , Top objects , All global variables belong to window
window.name The name of the current browser （ Can store several megabytes of content ）
window.closed Closed window
window.opener Open window object
notes ：
window.opener In the current window is the current window object , In a child window, it refers to the parent window of the child window
You can use window.opener.document.write( ) Wait for the operation

window.open( ) How to open a new window
notes ：
For security reasons , The child window and the parent window can transmit data , If there is no need to communicate between the new window and the parent window , take opener Set to null.
How to write it ：

var a=window.open();
a.opener=null;

attribute ：

window.screenX,window.screenY
Current browser The upper left corner of the window Compared with when Front screen Horizontal distance and vertical distance of the upper left corner , The unit is Pixels , And the property is read-only

window.innerWidth,window.innerHeight
The current page is in the current window The visible part Width and height . That is commonly known as viewport "viewport".
The visible part ：
But the reality part . If the window is half covered , The other half is the visible part , It's only half the height .

window.outerWidth,window.outerHeight
The width and height of the browser window

window.scrollX,window.scrollY
Horizontal distance and vertical distance of page scrolling