Il codice per modificare il formato dei caratteri in HTML Utilizzando Percentuale

February 13

Il codice per modificare il formato dei caratteri in HTML Utilizzando Percentuale


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.

istruzione

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.

Consigli e avvertenze

  • Non è necessario usare i pulsanti per modificare le dimensioni del testo. L'applicazione può cambiare la dimensione del testo in qualsiasi momento chiamando la funzione changeSize e passandolo id dell'elemento che si desidera modificare e il valore percentuale desiderato. Per esempio, supponiamo che la pagina Web ha un elemento il cui ID è "test". Per aumentare la dimensione del testo del 300 per cento, rilasciare la seguente dichiarazione: changeSize ( "test", "300").