Wie Messen Sie die Breite der ASCII-Zeichen

May 25

Der ASCII-Zeichensatz in den 1960er Jahren erstellte besteht aus alle Zeichen, die Sie auf Ihrer Tastatur zu sehen. Wenn Entwickler Webseiten erstellen, verwenden sie diese Zeichen zu den angezeigten Text auf Webseiten erstellen. Diesen Text variiert in der Größe bezogen auf die verwendete Schriftart und den Schriftgrad. Wenn Ihre Anwendung ein ASCII-Zeichen Breite kennen muss, verwenden Sie die HTML-"OffsetWidth"-Eigenschaft, um diesen Wert zu bestimmen.

Anweisungen

1 Ein neues HTML-Dokument erstellen oder eine vorhandene öffnen.

2 Fügen Sie diesen Code, um das Dokument "Textabschnitt":

< span-Element-Id = "kleine" Class = "AsciiSmall" >

A < / Span >

< Eingang Typ = "Knopf" Value = "Erhalten Breite kleine" Onclick = "return getWidth('small')" / >

< span-Element-Id = "groß" Class = "AsciiLarge" >

A < / Span >

< Eingang Typ = "Knopf" Value = "Erhalten Breite groß" Onclick = "return getWidth('large')" / >

Dies schafft zwei "span" Tags. Das erste man verweist eine CSS-Klasse mit dem Namen "AsciiSmall." Die zweite Spanne verweist eine CSS-Klasse mit dem Namen "AsciiLarge." Unter jedem Span wird eine Schaltfläche angezeigt. Diese Schaltfläche ruft die JavaScript-Funktion, die die Spanne Breite bekommt. Jede Span enthält den Buchstaben "A" Ändern Sie, in ein beliebiges Zeichen, die Sie mögen.

3 Das Dokument "Kopf"-Abschnitt dieser CSS-Code hinzufügen:

< Typ style = "Text/Css" >

.asciiSmall {Font-Size: 10px;}

.asciiLarge {Font-Size: 20px;}

< / style >

Die "AsciiSmall"-Klasse legt die Schriftgröße für jedes Element, das die Klasse auf 10 Pixel verweist. Klasse "AsciiLarge" wird auf 20 Pixel. Beiden Span-Elemente beschrieben, die in den Schritten 1 und 2 werden diese Schriftgrößen angezeigt, da sie diese beiden Klassen verweisen.

4 Fügen Sie den folgenden Code in das Dokument "Kopf" Abschnitt nach der CSS Code in Schritt 3:

< Skript-Typ = "Text/Javascript" >

Funktion getWidth(objectID) {}

Var AsciiCharacter = document.getElementById(objectID);

Var AsciiWidth = asciiCharacter.offsetWidth;

Warnung ("ASCII-Zeichen =" + asciiCharacter.innerHTML + "Width =" + AsciiWidth);

Rückkehr AsciiWidth;

}

< / script >

Diese Funktion Ruft die "ID" des Span-Tags übergeben von einem der Schaltfläche klickt. Anschließend wird die Spanne "OffsetWidth"-Eigenschaft abgerufen. Diese Eigenschaft enthält die Spanne Breite. Da Span, die Elemente zu Vertrag ihren Inhalt anpassen, gleich dem "OffsetWidth"-Wert die Breite die Spanne Inhaltsverzeichnis. Da jede Spannweite der Buchstabe "A" enthält, enthält der Wert "OffsetWidth" den Wert des dem Buchstaben "A"

Tipps & Warnungen

  • Sie können auch die Breite einer Zeichenkette von ASCII-Zeichen messen durch ersetzen den Buchstabe "A" mit einer Zeichenfolge, Satz oder Absatz.

SIE KÖNNEN AUCH GERNE