Come modificare Dimensione carattere in JavaScript

August 13

Come modificare Dimensione carattere in JavaScript


Quasi tutti i browser permette ai visitatori di cambio pagina web le dimensioni dei caratteri con un comando di menu. Tuttavia, molti utenti non sono consapevoli della funzione. Altri conoscono l'opzione, ma lo trovano scomodo per cambiare la dimensione del carattere per un unico sito web, quindi annullare la modifica immediatamente dopo aver lasciato il sito. Con questo in mente, molti siti forniscono link sulla pagina che permette agli utenti di aumentare o diminuire la dimensione del carattere su un sito web con un solo click. L'implementazione di questa funzionalità comporta solo poche righe di codice JavaScript e HTML.

istruzione

1 Aggiungere codice JavaScript alla tua pagina web. Visualizzare il codice HTML del documento e trovare il tag con l'etichetta </ ​​head>. Aggiungere una riga vuota direttamente sopra questo codice. Copiare tutti il ​​codice qui sotto, poi incollarlo nella riga vuota:

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

2 Aggiungere il codice HTML alla tua pagina web. La sezione della tua pagina web in cui si desidera collocare i collegamenti con l'etichetta "Aumenta dimensione caratteri" e "Diminuire la dimensione del carattere." Aggiungere una riga vuota in questa sezione. Copiare tutti il ​​codice qui sotto, poi incollarlo nella riga vuota:

<A href = "javascript: void (0);" onclick = "ridimensionare (1)"> Aumenta la dimensione del testo </a>
<A href = "javascript: void (0);" onclick = "ridimensionare (-1)"> Diminuisci la dimensione </a>

3 Salvare e visualizzare la pagina web. Salvare la pagina Web appena modificato. Aprire la pagina nel browser Web e individuare la sezione in cui si è aggiunto le etichette "Aumenta dimensione caratteri" e "Diminuire la dimensione del carattere". Fai clic su questi link e vedere la dimensione del testo sul vostro web pagina cambiano di conseguenza.


Articoli Correlati