Hvordan finne Document Body Høyde og bredde

Hvordan finne Document Body Høyde og bredde


En programmerer kan ønske å bestemme høyden og bredden av et HTML-dokument på en av flere forskjellige grunner. For eksempel kan han eller hun ønsker å bruke ulike stilark for ulike dokument dimensjoner; dette kan skje med programmer som er avhengige av dynamisk genererte websider i forskjellige størrelser. I en Javascript-spill søknad med varierende grad, kan en programmerer ønsker å endre koden til å passe dimensjonene av HTML-side som fungerer som spillets lerret. Heldigvis har Java en rekke funksjoner som lar programmerere å bestemme målinger av alle elementer, inkludert HTML og "kroppen" elementer.

Bruksanvisning

1 Bruk en teksteditor eller din vanlige programmeringsmiljø for å åpne websiden som du ønsker å måle.

2 Tildele HTML og "body" elementer på siden din til sine egne variabler for enkel tilgang i Javascript-kode:

'Var htmlElement = document.documentElement;'

'Var bodyElement = document.body;'

3 Bruk "max ()" funksjon av Javascript har native "matte" klasse for å finne den høyeste av de mange forskjellige verdier som måler et dokument høyde; Dette står for lesersæregenheter:

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

4 Bruk "max ()" funksjon av Javascript har native "matte" class å måle dokumentets bredde.

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

Hint

  • JQuery ".width ()" og ".height ()" funksjonene også tillate programmerere til å få tilgang til de høyder og bredder på sine dokumenter.