Java Script Font Size kontroll

Java Script Font Size kontroll


Javascript tillater webutviklere å lage interaktive sidefunksjoner som kan skreddersy utseendet av elementer på en måte som passer brukerne. Ved hjelp av en Javascript-funksjon, kan en webside kontroll endre element stil egenskaper dynamisk, skiftende CSS, eller Cascading Style Sheet, innstillinger. Endre skriftstørrelsen for ett eller flere elementer i en side er en grei prosess, som krever bare en liten mengde med kode.

Hensikt

Hensikten med en skriftstørrelse kontroll Javascript er å endre skriftstørrelsen innenfor en eller flere deler av en side mens den blir sett og samhandlet med. I noen tilfeller slike funksjoner skreddersy utseendet på en webside til bestemte nettlesere. Alternativt kan funksjonen bidra til å gi brukeren kontroll over nettstedet utseende, med skriften endring funksjon kalt når brukere velger å behandle det ved å trykke på kontroller som knapper og rullegardinlister med angivelse hvordan sideelementer skal vises.

HTML Kontekst

Javascript skriftstørrelse kontroller kan vises i hodet delen av en HTML-side, i et eget script området. Alternativt kan utviklere inkludere skriftstørrelsen kontroll i en egen Javascript-fil, lagres med utvidelsen "JS" og knyttet til innenfor siden hodedelen. Uansett hvor funksjonen er deklarert, er det generelt kalles fra HTML-siden kroppen delen, bedt av en hendelse som brukeren samspill med et kontrollelement.

funksjon Syntax

Javascript kreves for å endre skriftstørrelsen er enkel, men før det kan behandles, må et manus først få en henvisning til disse sideelementer den nye stilen kommer til å bli brukt til. For eksempel finner følgende kode utdrag en referanse til et bestemt element, med "innhold" som sitt ID-attributtet:

Var contentElement = document.getElementById ( "innhold");

Manuset har nå en referanse til elementet med den angitte ID, så kan bruke styling endring til det:

contentElement.style.fontSize = "16px";

Hvis flere elementer er å stille skriftstørrelsen endring kan Script "getElementsByTagName" -funksjonen alternativ også brukes.

funksjon Call

For at funksjonen anvende skriftstørrelsen endringen skal gjennomføres, må det kalles fra siden. I følgende eksempel, er skriftstørrelsen prosessen finnes en funksjon:

fungere changeFont () {

Var contentElement = document.getElementById ( "innhold");

contentElement.style.fontSize = "16px";

}

Denne funksjonen kan kalles når brukeren samhandler med et kontrollelement eller når siden lastes, ved å endre åpningssiden body-koden som følger:

<Body onload = "changeFont ()">

betraktninger

Det er generelt ikke tilrådelig å bruke Javascript for å bruke CSS-regler som standard, men funksjonen er nyttig for å gi brukerne kontroll over hvordan en side ser ut. Hvis brukere har dårlig syn eller er svaksynt på noen måte, å kunne øke skriftstørrelsen kan gjøre det lettere for dem å bruke et nettsted. I alle fall, hvor Javascript-funksjoner opererer på en side, må utviklerne huske at noen brukernes nettlesere ikke vil ha skripting aktivert.