February 13
I moderni browser web permettono navigatori di Internet da perfezionare le loro dimensioni di carattere utilizzando i controlli del browser. Alcuni utenti con problemi di vista, per esempio, possono utilizzare questi controlli per rendere il testo più grande. Altri potrebbero preferire caratteri più piccoli che permettono loro di adattarsi più testo sullo schermo. Le applicazioni Web hanno anche la possibilità di modificare i caratteri HTML in una pagina. Utilizzando JavaScript, è possibile aumentare o diminuire la dimensione del carattere da qualsiasi percentuale che ti piace.
1 Lanciate il vostro editor HTML e creare un nuovo documento.
2 Incollare il codice riportato di seguito nella sezione corpo del documento:
<Div id = "div1">
Questo è un testo
</ Div>
<Input id = "Button1" type = "button" value = "Riduci grandezza al 50 per cento del formato normale" onclick = "tornare changeSize ( 'div1', 50)" />
<Input id = "Button2" type = valore "pulsante" = "aumentare le dimensioni di 150 per cento di formato normale" onclick = "tornare changeSize ( 'div1', 150)" />
Questo esempio crea un elemento div che contiene il testo. il valore id di questo elemento è "div1". Due pulsanti visualizzati sotto il div. Ogni pulsante chiama la "changeSize" funzione JavaScript e lo passa il valore id del div e un numero. Il primo pulsante passa 50 alla funzione. Questo dice la funzione per modificare le dimensioni del testo per il 50 per cento della sua dimensione normale. Il secondo pulsante passa 150. La funzione, quando si riceve tale valore, aumenta la dimensione del testo del div al 150 per cento del suo valore normale.
3 Aggiungere questo codice sezione head del documento:
Funzione changeSize (elementToChange, newSize) {
elemento var = document.getElementById (elementToChange);
size = var newSize + "%";
element.style.fontSize = dimensione;
}
Questa è la funzione "changeSize". Si recupera un riferimento all'elemento div e lo memorizza nella variabile denominata "elemento. L'ultima riga di codice modifica dell'elemento" valore style.fontSize "per il valore passato alla funzione.
4 Salvare il documento e visualizzarlo nel browser. Il testo appare sopra i due pulsanti.
5 Fare clic su "Riduci grandezza al 50 per cento del formato normale" pulsante. Il codice JavaScript viene eseguito e diminuisce la dimensione del testo al 50 per cento.
6 Fare clic su "aumentare le dimensioni di 150 per cento del formato normale" pulsante. Il codice aumenta la dimensione del testo al 150 per cento del suo valore normale.