Home Hardware Networking Programmazione Software Domanda Sistemi
* Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come Modifica dimensione carattere in Java Script

JavaScript è un linguaggio di programmazione lato client che molti web designer utilizzano per manipolare il layout, il testo e le immagini in una pagina Web . JavaScript può essere utilizzato per modificare la dimensione di un font quando l' utente seleziona un pulsante o quando la pagina viene caricata . Questo è utile quando si vuole fare un po 'di parte del contenuto della pagina web distinguersi. Per rendere il carattere più grande , il contenuto è avvolto in un tag " div " e il codice JavaScript farà il carattere più grande all'interno di quel blocco di codice HTML . Istruzioni
1

aprire la pagina HTML in un editor di testo . È possibile utilizzare un editor di testo semplice , chiaro come il Blocco note per modificare JavaScript , oppure è possibile utilizzare le applicazioni più avanzate come Notepad + + , Visual Studio e Dreamweaver .
2

Avvolgere un tag div in tutto il testo che si desidera modificare. Questo ti permette di cambiare la dimensione del carattere di una zona specifica pagina Web senza stravolgere il layout con un cambiamento globale dimensione del carattere . Il seguente codice crea un div di nome " myDiv " :

Mio sito testo < /div >
3

Creare la funzione JavaScript . Per modificare la dimensione del font nel tag div , è necessario impostare la proprietà " fontsize " . Il codice qui sotto cambia la dimensione del carattere del div : changeSize funzione ( ) { . Document.getElementById ( " myDiv " ) fontSize = " 12px " ; }
4

Aggiungere un pulsante per la pagina per permettere all'utente di scegliere di cambiare la dimensione del carattere . Per aggiungere il pulsante e chiamare la nuova funzione JavaScript , utilizzare il codice qui sotto :
5

Salvare il file e aprire la pagina nel browser . Verificare il nuovo codice cliccando sul pulsante . La dimensione del font aumenta nel tag div .

Informazioni correlate

Articoli consigliati

  • C /C + + Programming
  • Computer Programming Languages
  • Delphi Programming
  • Java Programming
  • Programmazione Javascript
  • PHP /MySQL Programmazione
  • Perl Programming
  • Python Programming
  • rubino Programmazione
  • Nozioni di base di Visual Programming

    •  

    Programmazione © www.354353.com