Java Script Font Size Control

October 5

Java Script Font Size Control

JavaScript kann Webentwickler interaktiven Seitenfunktionen erstellen, die die Darstellung der Elemente in einer Weise anpassen können, die Benutzer entspricht. Verwenden eine JavaScript-Funktion, kann eine Webseite ändern die Steuerung Element Stileigenschaften dynamisch, CSS oder Cascading Style Sheet, Einstellungen ändern. Änderung der Schriftgröße von einem oder mehreren Elementen auf einer Seite ist ein einfacher Prozess, erfordert nur eine kleine Menge des Codes.

Zweck

Ein JavaScript-Schriftart-Größe-Steuerelement dient zum Ändern der Größe der Aufschriften innerhalb eines oder mehrerer Teile einer Seite, während es werden angesehen und interagierte mit. In einigen Fällen passen solche Funktionen das Aussehen einer Webseite auf bestimmte Browser. Alternativ können die Funktion zur Verfügung stellen Benutzer die Kontrolle über das Erscheinungsbild, die Schriftart ändern Funktion nur aufgerufen, wenn der Prozess der Anwender entscheiden sie durch Drücken von Steuerelementen wie Schaltflächen und Dropdown-Listen angeben, wie die Elemente einer Seite angezeigt werden soll.

HTML-Kontext

JavaScript Schriftart Größe Steuerelemente können im Head-Bereich einer HTML-Seite in einem dedizierten Skript-Bereich angezeigt. Alternativ können Entwickler das Schriftart-Größe-Steuerelement in einer separaten JavaScript-Datei mit der Erweiterung "js" gespeichert und innerhalb der Seite Head-Bereich im Zusammenhang mit einschließen. Überall dort, wo die Funktion deklariert wird, nennt man in der Regel aus HTML Seite Body-Bereich, ausgelöst durch ein Ereignis wie der Benutzer-Interaktion mit einem Bedienelement.

Syntax-Funktion

Das JavaScript erforderlich, Ändern der Schriftart Größe ist einfach, aber bevor sie verarbeitet werden, kann ein Skript müssen Sie zunächst einen Verweis auf die Seitenelemente, die der neue Stil auf angewendet werden soll. Im folgenden Codeauszug findet beispielsweise einen Verweis auf ein bestimmtes Element mit "Inhalt" als ID-Attribut:

Var ContentElement = document.getElementById("content");

Das Skript hat jetzt einen Verweis auf das Element mit der angegebenen ID, so dass die Design-Änderung darauf anwenden können:

contentElement.style.fontSize = "16px";

Wenn mehrere Elemente die Schrift Größenänderung aufweisen, kann auch die alternative JavaScript "GetElementsByTagName"-Funktion verwendet werden.

Funktionsaufruf

Damit für die Funktion übernehmen die Schriftart Größenänderung durchgeführt werden kann muss es von der Seite aufgerufen werden. Im folgenden Beispiel ist der Schriftart-Größe-Prozess innerhalb einer Funktion enthalten:

Funktion changeFont() {}

Var ContentElement = document.getElementById("content");

contentElement.style.fontSize = "16px";

}

Diese Funktion kann aufgerufen werden, wenn der Benutzer interagiert mit einem Bedienelement oder wenn die Seite Lasten, durch das Ändern der Startseite Tag folgendermaßen Körper:

< onload="changeFont() Körper" >

Überlegungen zur

Es ist im Allgemeinen nicht ratsam, die JavaScript verwenden, um die CSS-Regeln als Standard gelten, aber die Funktion ist nützlich für den Nutzern Kontrolle über das Aussehen einer Seite. Wenn Benutzer schlechtes Sehvermögen haben oder sind optisch in keiner Weise beeinträchtigt, kann in der Lage, die Schriftgröße zu erhöhen für eine Website verwenden erleichtern. Wo JavaScript-Funktionen in einer Seite tätig sind, müssen in jedem Fall Entwickler Bedenken, dass einige Browsern aktiviertem scripting nicht haben werden.