Un programmatore potrebbe desiderare determinare l'altezza e la larghezza di un documento HTML per uno dei diversi motivi. Ad esempio, lui o lei potrebbe desiderare di utilizzare fogli di stile diversi per dimensioni di documento diverso; Questo può verificarsi con applicazioni che si basano su pagine Web generate dinamicamente di varie dimensioni. In un'applicazione di gioco di JavaScript con diversi livelli, un programmatore potrebbe voler alterare il codice per adattare le dimensioni della pagina HTML che funge da tela del gioco. Per fortuna, JavaScript include una serie di funzioni che consentono ai programmatori di inserire le misure di tutti gli elementi, compresi gli elementi HTML e "Corpo".

Istruzioni

1

Utilizzare un editor di testo o il tuo consueto ambiente di programmazione per aprire la pagina Web che si desidera misurare.

2

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

' oggetto htmlElement var = document.documentElement;'

' bodyElement var = document. Body;'

3

Utilizzare la funzione "Max ()" di classe "matematica" nativo di JavaScript per trovare il più alto dei molti valori diversi che misurano l'altezza di un documento; Questo spiega la peculiarità del browser:

' var documentHeight = Math. Max (htmlElement.clientHeight, htmlElement.scrollHeight, htmlElement.offsetHeight, bodyElement.scrollHeight, bodyElement.offsetHeight);'

4

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

' var documentWidth = Math. Max (htmlElement.clientWidth, htmlElement.scrollWidth, htmlElement.offsetWidth, bodyElement.scrollWidth, bodyElement.offsetWidth);'

Consigli & Avvertenze

• Funzioni di ".width()" e ".height()" di JQuery anche consentono ai programmatori di accedere le altezze e le larghezze dei loro documenti.