Hvordan endre skriftstørrelse i Javascript

Nesten alle nettlesere lar besøkende til å endre web side skriftstørrelser med en menykommando. Men mange brukere er ikke klar over denne funksjonen. Andre vet om muligheten, men synes det er upraktisk å endre skriftstørrelsen for en enkelt nettside, deretter umiddelbart angre endringen etter at de forlot stedet. Med dette i bakhodet, mange nettsteder gir on-side linker som tillater brukere å øke eller redusere skriftstørrelsen på en nettside med bare ett klikk. Implementering av denne funksjonaliteten innebærer bare noen få linjer med Javascript og HTML-kode.

Bruksanvisning

1 Legg Javascript-kode på nettsiden din. Vis HTML-koden i dokumentet og finne koden merket </ head>. Legg en tom linje rett over denne koden. Kopier hele koden nedenfor, og lim den på den blanke linjen:

<Script type = "text / javascript">
<! -
funksjonen resize (multiplier) {if (document.body.style.fontSize == "") {document.body.style.fontSize = "1.0em"; } Document.body.style.fontSize = parseFloat (document.body.style.fontSize) + (multiplier * 0,2) + "em"; }
->
</ Script>

2 Legg HTML-kode på nettsiden din. Finn delen av nettsiden der du vil plassere lenker merket "Øk skriftstørrelse" og "Reduser skriftstørrelse." Legg en blank linje i denne delen. Kopier hele koden nedenfor, og lim den på den blanke linjen:

<A href = "javascript: void (0);" onclick = "endre størrelse (en)"> Øke skriftstørrelsen </a>
<A href = "javascript: void (0);" onclick = "endre størrelse (-1)"> Reduser skriftstørrelse </a>

3 Lagre og vise nettsiden din. Lagre nettsiden du nettopp redigerte. Åpne siden i nettleseren din og finn delen der du la til "Øk skriftstørrelse" og "Mindre skrift" etiketter. Klikk på disse linkene og se størrelsen på teksten på nettsiden endres tilsvarende.