Un programmatore può desiderare di determinare l'altezza e la larghezza di un documento HTML per uno dei diversi motivi. Per esempio, lui o lei potrebbe desiderare di utilizzare diversi fogli di stile per le diverse dimensioni del documento; questo può verificarsi con le applicazioni che si basano su pagine Web generate in modo dinamico di varie dimensioni. In un'applicazione JavaScript gioco con vari livelli, un programmatore potrebbe desiderare di modificare il codice per adattarsi alle dimensioni della pagina HTML che funge da tela del gioco. Fortunatamente, JavaScript comprende una serie di funzioni che permettono ai programmatori di determinare le misure di tutti gli elementi, compresi gli elementi "Corpo" HTML e.

istruzione

1 Utilizzare un editor di testo o il vostro ambiente di programmazione di uso comune per aprire la pagina Web che si desidera misurare.

2 Assegnare gli elementi "corpo" della pagina per le proprie variabili per un facile accesso all'interno del codice HTML e JavaScript:

'Var = HTMLElement document.documentElement;'

'Var = bodyElement document.body;'

3 Utilizzare il "max ()" funzione nativa "matematica" della classe di JavaScript per trovare il più alto dei tanti valori diversi che misurano l'altezza di un documento; questo spiega le peculiarità del browser:

'Var = documentHeight Math.max (htmlElement.clientHeight, htmlElement.scrollHeight, htmlElement.offsetHeight, bodyElement.scrollHeight, bodyElement.offsetHeight);'

4 Utilizzare la funzione "max ()" del nativo "matematica" della classe di JavaScript per misurare la larghezza del documento.

'Var = documentWidth Math.max (htmlElement.clientWidth, htmlElement.scrollWidth, htmlElement.offsetWidth, bodyElement.scrollWidth, bodyElement.offsetWidth);'

Consigli e avvertenze

• ".width ()" E ".height ()" di JQuery funzioni permettono anche ai programmatori di accedere alle altezze e larghezze dei loro documenti.