Finestra vs Finestra Vs Documento

Nel codice qui sotto,Finestra vs Finestra Vs Documento

document.documentElement.clientWidth 
    1349 
document.documentElement.clientHeight 
    363 
window.innerWidth 
    1366 
window.innerHeight 
    363 
window.screen.height 
    768 
window.screen.width 
    1366

così, il mio schermo del desktop è 1366 px di larghezza e 768 di altezza px.

appresi che,

dimensioni viewport si riferiscono usando document.documentElement.clientWidth e document.documentElement.clientHeight.

le dimensioni della finestra sono riferite utilizzando window.innerWidth e window.innerHeight.

1) Qual è la differenza tra viewport e documento?

2) quando non window.onload Vs document.onload ottenere invocato?

fonte

2015-11-18 overexchange

correlati: http://stackoverflow.com/questions/21064101/understanding-offsetwidth-clientwidth-scrollwidth-and-height-respectively – aug

Le cose sono diverse quando la pagina è più grande dello schermo.

Viewport è l'area del rettangolo in cui le cose sono visibili. Il documento può essere più grande di quello e vedrai barre di scorrimento in caso affermativo.

Per quanto riguarda la seconda domanda: window.onload vs document.onload

Ecco una sintesi.

Viewport: È lo schermo del dispositivo.

Finestra: È la finestra del browser. La finestra può essere grande come una finestra o più piccola.

Documento: È la pagina Web. Può essere più grande della finestra o addirittura più grande della finestra.

Note: Alcuni siti Web non sono creati per i cellulari. Quindi la pagina web/documento è molto più grande della finestra mobile e devi scorrere per vedere le parti fuoriuscite dallo schermo. Su un desktop, è possibile rendere la finestra del browser più piccola o uguale al viewport/monitor.

fonte

2015-11-18 02:09:27 TwilightSun

Se, * della vista è l'area rettangolare in cui le cose sono visibili a voi *, allora, che cosa è la differenza tra viewport e finestra? – overexchange

La finestra @overexchange può contenere molte altre cose oltre al viewport, come le barre di scorrimento, le barre di navigazione, ecc. Viewport è solo l'area che visualizza il contenuto del documento. Si può vedere la differenza confrontando 'window.innerWidth' e' window.outerWidth'. – TwilightSun

che non è altro che larghezza e altezza del dispositivo. 'screen.width' e' screen.height' – overexchange

documento:

documento è un oggetto in JavaScript che rappresenta il DOM (Document Object Model) della pagina. L'oggetto documento è una rappresentazione dell'intera struttura della pagina (tutti gli elementi HTML ecc.), Quindi questo:

document.documentElement.clientHeight 
document.documentElement.clientWidth

dovrebbe essere dare la larghezza della vostra <html> elemento

viewport:

utilizza questo:

window.innerWidth 
window.innerHeight

ti dà il visibile reale (fisica) dimensioni della finestra all'interno del browser, escluso scr ollbars

window.onload

window.onload (a.k.a body.onload) viene licenziato dopo l'HTML principale, tutti i CSS, tutte le immagini e tutte le altre risorse sono state caricate e rese.

document.onload

viene chiamata quando il DOM è pronto che può essere prima di quando le immagini e altri contenuti esterni vengono caricati.

fonte

2015-11-18 02:12:16

window.innerWidth INCLUDE le barre di scorrimento – Benn

Finestra vs Finestra Vs Documento

risposta

Problemi correlati