Skip to content

Latest commit

 

History

History
245 lines (223 loc) · 9.4 KB

021_BOM.md

File metadata and controls

245 lines (223 loc) · 9.4 KB
Raw

Browser Object Model

Il Browser Object Model (BOM) è una convenzione specifica del browser che fa riferimento a tutti gli oggetti esposti dal browser web.

A differenza del Document Object Model, non esiste uno standard per l'implementazione e nessuna definizione rigorosa, quindi i fornitori di browser sono liberi di implementarlo nel modo che desiderano.

Il browser "vede" come una raccolta gerarchica di oggetti, ciò che noi vediamo come una finestra che mostra un documento.

Quando il browser analizza un documento, crea una raccolta di oggetti che definiscono il documento e descrivono in dettaglio come dovrebbe essere visualizzato.

L'oggetto creato dal browser è noto come oggetto Document. Fa parte di una più ampia raccolta di oggetti che utilizza il browser.

Questa raccolta di oggetti è nota collettivamente come Browser Object Model o BOM.

Il livello superiore della gerarchia è l'oggetto window, che contiene le informazioni sulla finestra che visualizza il documento.

Il modello ad oggetti del browser (BOM) viene utilizzato per interagire con il browser.

L'oggetto predefinito del browser è window significa che è possibile chiamare tutte le funzioni di window specificando window oppure direttamente.

  • window.alert('ciao);
  • alert('ciao);

Alcuni oggetti finestra sono oggetti essi stessi e descrivono il documento e le informazioni correlate.

riferimento descrizione
window La finestra principale del browser
window.navigator Informazioni sul browser stesso
window.screen La schermata dell'utente
window.history URL visitati da un utente
window.location L'URL corrente
window.document (document) Il documento che appare nella finestra principale del browser
document.getElementById ("id") Un elemento HTML che appare in un documento e identificato dal valore ID assegnato.

developer.mozilla.org

Puoi utilizzare molte proprietà (altri oggetti) definite sotto l'oggetto finestra come

  • Window.console
  • Window.document
  • Window.history
  • Window.location
  • Window.alert()

Elenco completo

developer.mozilla.org

  • DOMParser
  • Image
  • Option
  • StaticRange
  • Worker
  • XMLSerializer
  • Window.closed
  • Window.controllers
  • Window.customElements
  • Window.crypto
  • Window.devicePixelRatio
  • Window.dialogArguments
  • Window.DOMMatrix
  • Window.DOMMatrixReadOnly
  • Window.DOMPoint
  • Window.DOMPointReadOnly
  • Window.DOMQuad
  • Window.DOMRect
  • Window.DOMRectReadOnly
  • Window.event
  • Window.frameElement
  • Window.frames
  • Window.fullScreen
  • Window.innerHeight
  • Window.innerWidth
  • Window.isSecureContext
  • Window.length
  • Window.locationbar
  • Window.localStorage
  • Window.menubar
  • Window.messageManager
  • Window.mozInnerScreenX
  • Window.mozInnerScreenY
  • Window.name
  • Window.navigator
  • Window.opener
  • Window.orientation
  • Window.outerHeight
  • Window.outerWidth
  • Window.pageXOffset
  • Window.pageYOffset
  • Window.parent
  • Window.performance
  • Window.personalbar
  • Window.screen
  • Window.screenX
  • Window.screenY
  • Window.scrollbars
  • Window.scrollMaxX
  • Window.scrollMaxY
  • Window.scrollX
  • Window.scrollY
  • Window.self
  • Window.sessionStorage
  • Window.sidebar
  • Window.speechSynthesis
  • Window.status
  • Window.statusbar
  • Window.toolbar
  • Window.top
  • Window.visualViewport
  • Window.window
  • WindowOrWorkerGlobalScope.caches
  • WindowOrWorkerGlobalScope.indexedDB
  • WindowOrWorkerGlobalScope.isSecureContext
  • WindowOrWorkerGlobalScope.origin
  • Window.content
  • Window.defaultStatus
  • Window.directories
  • Window.globalStorage
  • Window.mozAnimationStartTime
  • Window.mozPaintCount
  • Window.pkcs11
  • Window.returnValue

Metodi

  • Window.alert()
  • Window.blur()
  • Window.cancelAnimationFrame()
  • Window.cancelIdleCallback()
  • Window.clearImmediate()
  • Window.close()
  • Window.confirm()
  • Window.dispatchEvent()
  • Window.dump()
  • Window.find()
  • Window.focus()
  • Window.getComputedStyle()
  • Window.getDefaultComputedStyle()
  • Window.getSelection()
  • Window.matchMedia()
  • Window.maximize()
  • Window.minimize()
  • Window.moveBy()
  • Window.moveTo()
  • Window.open()
  • Window.postMessage()
  • Window.print()
  • Window.prompt()
  • Window.requestAnimationFrame()
  • Window.requestIdleCallback()
  • Window.resizeBy()
  • Window.resizeTo()
  • Window.scroll()
  • Window.scrollBy()
  • Window.scrollByLines()
  • Window.scrollByPages()
  • Window.scrollTo()
  • Window.setCursor()
  • Window.setImmediate()
  • Window.setResizable()
  • Window.sizeToContent()
  • Window.stop()
  • Window.updateCommands()
  • EventTarget.addEventListener()
  • WindowOrWorkerGlobalScope.atob()
  • WindowOrWorkerGlobalScope.btoa()
  • WindowOrWorkerGlobalScope.clearInterval()
  • WindowOrWorkerGlobalScope.clearTimeout()
  • WindowOrWorkerGlobalScope.createImageBitmap()
  • WindowOrWorkerGlobalScope.fetch()
  • EventTarget.removeEventListener
  • WindowOrWorkerGlobalScope.setInterval()
  • WindowOrWorkerGlobalScope.setTimeout()
  • Window.back()
  • Window.captureEvents()
  • Window.forward()
  • Window.getAttention()
  • Window.home()
  • Window.openDialog()
  • Window.releaseEvents()
  • Window.showModalDialog()
  • Window.onappinstalled
  • Window.onbeforeinstallprompt
  • Window.ondevicelight
  • Window.ondevicemotion
  • Window.ondeviceorientation
  • Window.ondeviceorientationabsolute
  • Window.ondeviceproximity
  • Window.ongamepadconnected
  • Window.ongamepaddisconnected
  • Window.onmozbeforepaint
  • Window.onpaint
  • Window.onrejectionhandled
  • Window.onuserproximity
  • Window.onvrdisplayconnect
  • Window.onvrdisplaydisconnect
  • Window.onvrdisplayactivate
  • Window.onvrdisplaydeactivate
  • Window.onvrdisplayblur
  • Window.onvrdisplayfocus
  • Window.onvrdisplaypresentchange
  • GlobalEventHandlers.onabort
  • WindowEventHandlers.onafterprint
  • WindowEventHandlers.onbeforeprint
  • WindowEventHandlers.onbeforeunload
  • GlobalEventHandlers.onblur
  • GlobalEventHandlers.onchange
  • GlobalEventHandlers.onclick
  • GlobalEventHandlers.ondblclick
  • GlobalEventHandlers.onclose
  • GlobalEventHandlers.oncontextmenu
  • GlobalEventHandlers.onerror
  • GlobalEventHandlers.onfocus
  • WindowEventHandlers.onhashchange
  • GlobalEventHandlers.oninput
  • GlobalEventHandlers.onkeydown
  • GlobalEventHandlers.onkeypress
  • GlobalEventHandlers.onkeyup
  • WindowEventHandlers.onlanguagechange
  • GlobalEventHandlers.onload
  • WindowEventHandlers.onmessage
  • GlobalEventHandlers.onmousedown
  • GlobalEventHandlers.onmousemove
  • GlobalEventHandlers.onmouseout
  • GlobalEventHandlers.onmouseover
  • GlobalEventHandlers.onmouseup
  • WindowEventHandlers.onoffline
  • WindowEventHandlers.ononline
  • WindowEventHandlers.onpagehide
  • WindowEventHandlers.onpageshow
  • WindowEventHandlers.onpopstate
  • GlobalEventHandlers.onreset
  • GlobalEventHandlers.onresize
  • GlobalEventHandlers.onscroll
  • GlobalEventHandlers.onwheel
  • GlobalEventHandlers.onselect
  • GlobalEventHandlers.onselectionchange
  • WindowEventHandlers.onstorage
  • GlobalEventHandlers.onsubmit
  • WindowEventHandlers.onunhandledrejection
  • WindowEventHandlers.onunload

BOM