Etapcharterlease.com

Come modificare la dimensione del carattere in Java Script

Come modificare la dimensione del carattere in Java Script

JavaScript è un linguaggio di programmazione lato client che molti progettisti di siti Web consente di modificare il layout, testo e immagini in una pagina Web. JavaScript può essere usato per modificare la dimensione di un font quando l'utente fa clic su un pulsante o quando la pagina viene caricata. Questo è utile quando si desidera evidenziare una parte del contenuto della pagina Web. Per ingrandire il font, il contenuto viene eseguito il wrapping in un tag "div" e il codice JavaScript farà il tipo di carattere più grande all'interno del blocco di codice HTML.

Istruzioni

• Aprire la pagina HTML in un editor di testo. È possibile utilizzare un semplice, un editor di testo come blocco note per modificare il JavaScript, o è possibile utilizzare le applicazioni più avanzate come Notepad + +, Visual Studio e Dreamweaver.

• Avvolgere un tag div intorno al testo che si desidera modificare. Questo consente di modificare la dimensione del carattere di una determinata area nella pagina Web senza distorcere il layout con un cambiamento di dimensione di carattere globale. Il codice riportato di seguito crea un div denominato "myDiv": < div id = "myDiv" > il mio sito Web di testo < / div >

• Creare la funzione JavaScript. Per modificare una dimensione del carattere nel tuo tag div, è necessario impostare la proprietà "fontsize". Il codice riportato di seguito cambia dimensione del carattere di div: cambiare funzione size () {document.getElementbyId("myDiv").font Size = "12px";}

• Aggiungere un pulsante alla pagina per consentire all'utente di scegliere di cambiare la dimensione del carattere. Per aggiungere il pulsante e chiamare la nuova funzione di JavaScript, utilizzare il codice riportato di seguito: < input type = "button" onClick = "change size ()" >

• Salvare il file e aprire la pagina nel browser Web. Prova il nuovo codice facendo clic sul pulsante. La dimensione del carattere aumenta nel tag div.