February 22
JavaScript consente agli sviluppatori Web di creare funzioni pagina interattiva in grado di adattare l'aspetto degli elementi in un modo che si adatta agli utenti. Utilizzando una funzione JavaScript, un controllo pagina Web può alterare le proprietà elemento di stile dinamico, che cambia CSS o Cascading Style Sheet, impostazioni. Delle dimensioni del carattere di uno o più elementi in una pagina è un processo semplice, richiede solo una piccola quantità di codice.
Lo scopo di un controllo di dimensione del carattere JavaScript è quello di modificare la dimensione dei caratteri visualizzati all'interno di una o più parti di una pagina mentre viene visualizzato e interagito con. In alcuni casi tali funzioni personalizzare l'aspetto di una pagina Web per browser specifici. In alternativa, la funzione può contribuire a fornire il controllo dell'utente su aspetto del sito, con la funzione di alterazione del carattere chiamato solo quando gli utenti scelgono di elaborare premendo controlli come pulsanti e elenchi a discesa che specificano come dovrebbero apparire gli elementi della pagina.
controlli dimensione del carattere JavaScript possono apparire all'interno della sezione head di una pagina HTML, in una zona di script dedicata. In alternativa gli sviluppatori possono includere il controllo dimensione del carattere in un file JavaScript separato, salvato con estensione ".js" e legata alla all'interno della sezione pagina di testa. Dovunque è dichiarata la funzione, viene generalmente chiamato dalla sezione corpo della pagina HTML, spinto da un evento come l'utente interagisce con un elemento di controllo.
La JavaScript necessaria per modificare la dimensione del carattere è semplice, ma prima che possa essere elaborato, uno script deve prima ottenere un riferimento a quegli elementi della pagina il nuovo stile sta per essere applicato. Ad esempio, il codice seguente estratto trova un riferimento a un particolare elemento, con "content" come attributo ID:
var ContentElement = document.getElementById ( "contenuto");
Lo script ora ha un riferimento all'elemento con l'ID specificato, in modo da può applicare la modifica lo stile ad esso:
contentElement.style.fontSize = "16px";
Se più elementi sono di esporre il cambiamento dimensione del carattere, la funzione alternativa JavaScript "getElementsByTagName" può essere utilizzato anche.
Affinché la funzione applicando la variazione dimensione del carattere da effettuare, esso deve essere richiamato dalla pagina. Nel seguente esempio, il processo dimensione del font è contenuto all'interno di una funzione:
funzione changeFont () {
var ContentElement = document.getElementById ( "contenuto");
contentElement.style.fontSize = "16px";
}
Questa funzione potrebbe essere chiamata quando l'utente interagisce con un elemento di controllo o al caricamento della pagina, alterando il tag body pagina di apertura nel modo seguente:
<Body onload = "changeFont ()">
In genere è consigliabile usare JavaScript per applicare le regole CSS come standard, ma la funzione è utile per dare agli utenti il controllo su come una pagina appare. Se gli utenti hanno problemi di vista o sono ipovedenti in alcun modo, essere in grado di aumentare la dimensione del carattere può rendere più facile per loro di utilizzare un sito web. In ogni caso, in cui funzioni JavaScript operano in una pagina, gli sviluppatori devono ricordare che i browser di alcuni utenti non avranno script abilitati.