javascript中BOM知識点まとめ
6352 ワード
# BOM
BOM browser object model ， 。 ，
， ，
， ， url……
### BOM DOM
1. javacsript BOM 、 、
2. BOM window document， window document 、
、 。
3. document DOM 。
， BOM DOM， BOM ， BOM
DOM ， js
### BOM ？
- Window JavaScript ， 。
- Navigator 。
- History URL。
- Location URL 。
- Screen 。
### History
History （ ） URL
| / | |
| - | - |
| length | URL 。|
| back() | history URL。|
| forward() | history URL。|
| go() | history |
### Location
Location URL 。
| | |
| - | - |
| hash | (#) URL（ ） 。|
| host | URL 。|
| hostname | URL 。|
| href | URL。|
| pathname | URL 。|
| port | URL 。|
| protocol | URL 。|
| search | (?) URL（ ） 。|
| | |
| - | - |
|assign() | 。 |
|reload(‘force’) | 。 ， false |
|replace() | 。|
### Window
Window 。 JavaScript ， Window
， 。 ， document，
window.document。
| | |
| - | - |
| closed | 。 |
| defaultStatus | 。 （ Opera ） |
| document | Document 。 Document 。 |
| history | History 。 History 。 |
| innerheight | 。 |
| innerwidth | 。 |
| length | 。 |
| location | Location 。 Location 。 |
| name | 。 |
| Navigator | Navigator 。 Navigator 。 |
| opener | 。 |
| outerheight | 。 |
| outerwidth | 。 |
| pageXOffset | X 。 |
| pageYOffset | Y 。 |
| parent | 。 |
| Screen | Screen 。 Screen 。 |
| self | 。 Window 。 |
| status | 。 ( Opera) |
| top | 。 |
| window | window self ， 。 |
| screenLeft
screenTop
screenX
screenY | 。 x y 。 IE、 Safari、 Chrome Opera screenLeft screenTop， Chrome、 Firefox Safari screenX screenY。 |
| | |
| - | - |
| alert() | 。 |
| blur() | 。 |
| clearInterval() | setInterval() timeout。 |
| clearTimeout() | setTimeout() timeout。close() |
| confirm() | 。 |
| createPopup() | 。 ie （ ie11） |
| focus() | 。 |
| moveBy() | 。 |
| moveTo() | 。 |
| open() | 。 window.open(URL,name,features,replace) |
| print() | 。 |
| prompt() | 。 |
| resizeBy() | 。 |
| resizeTo() | 。 |
| scrollBy() | 。 |
| scrollTo() | 。 |
| setInterval() | （ ） 。 |
| setTimeout() | 。 |
### Navigator
Navigator 。 。 Netscape Navigator ， JavaScript 。
| | |
| - | - |
|appCodeName | 。 Netscape ， "Mozilla"。Microsoft |
|appMinorVersion | 。 （IE4、 Opera ）|
|appName | 。|
|appVersion | 。|
|browserLanguage | 。 （IE Opera ）cookieEnabled cookie 。|
|cpuClass | CPU 。 （IE ）|
|onLine | 。|
|platform | 。|
|systemLanguage | 。 （IE ）|
|userAgent | user-agent 。|
|userLanguage | 。 （IE Opera ）|
|plugins | |
| | |
| - | - |
|javaEnabled() | Java。|
|taintEnabled() | (data tainting)。|
### Screen
Screen 。 Window screen Screen 。 Screen 。 JavaScript ， 。 ， ， 16 8 。 ，JavaScript 。
| | |
| - | - |
|availHeight | ( Windows )。|
|availWidth | ( Windows )。|
|bufferDepth | 。 （ IE ）colorDepth 。|
|deviceXDPI | 。 （ IE ）|
|deviceYDPI | 。 （ IE ）|
|fontSmoothingEnabled | 。 （ IE ）|
|height | 。|
|logicalXDPI | 。 （ IE ）|
|logicalYDPI | 。 （ IE ）|
|pixelDepth | （ ） 。|
|updateInterval | 。 （ IE11 ）|
| width | 。|
### ？
- navigator.userAgent // UA.toLowerCase().indexOf('chrome')
- window // 'ActiveXObject' in window
### offsetWidth/offsetHeight,clientWidth/clientHeight scrollWidth/scrollHeight
- offsetWidth/offsetHeight content + padding + border， e.getBoundingClientRect()
- clientWidth/clientHeight content + padding， ，
- scrollWidth/scrollHeight content + padding +