BOM in JS

We are JavaScript In this blog JavaScript There are three parts :

ECMAScript standard ( Basic grammar )

DOM:Document Object Model Document object model , Manipulating page elements

BOM:Browser Object Model Browser object model , Operating the browser

BOM It's the browser object model

BOM It provides some object interfaces that interact with browser windows independently of content pages

BOM The core is window object , therefore window Generally, it can be omitted in writing .

BOM In fact, it is also composed of a series of related objects , And each object provides a lot of methods and properties

BOM Top level objects in

window Object is the top-level object of the browser , Have a dual role

window The object is JS An interface for accessing browser windows

window Object is a global object , All global variables declared , Global method functions end up being window Property or method of the object

other window Method

window object effect

window.open() Open a new window

window.close() Close the current window

window.moveTo() Move the current window

window.resizeTo() Adjust the size of the current window

JavaScript Window Screen

Screen object effect

screen.availWidth Available screen width

screen.availHeight Available screen height

JavaScript Window Location

Location object effect

location.href Return to... On the current page URL

location.hostname return web Domain name of the host

location.pathname Returns the path and filename of the current page

location.port return web Host port （80 or 443）

location.protocol Return to used web agreement （http:// or https://）

location.hash Return fragment ,URL in # Later

location.search Returns the parameter ,URL Parameters refer to URL After the URL in the address ? Later parameters

location.assign() and href equally , You can jump to the page , Redirect jump

location.replace() Replace the current page , Not recorded in history , So you can't go back to the page

location.reload() Reload the page , Equivalent to the refresh button , If the parameter is true It is equivalent to forced refresh

JavaScript Window History

window Object provides a for browsers history Object to interact with the browser's history , In order to protect the privacy of users , Yes JavaScript Access to the object is restricted .

History object effect

history.back() Same as clicking the back button in the browser

history.forward() It's the same as clicking the button in the browser to move forward

history.go( Parameters ) Forward and backward function , If the parameter is 1 Go to a page , If it is -1 Back one page , If it is N Forward or backward N A page

JavaScript Window Navigator

Navigator Object is mainly used to record information about the browser .

Navigator object effect

window.navigator.userAgent adopt userAgent You can determine the type of user's browser

window.navigator.platform adopt platform You can judge the system platform type of the browser