Heim > Artikel > Web-Frontend > Wie ändere ich mithilfe von JavaScript die Zeichenfolge, die hochgestellt angezeigt werden soll?

Wie ändere ich mithilfe von JavaScript die Zeichenfolge, die hochgestellt angezeigt werden soll?

WBOYnach vorne: 2023-08-30 14:45:111368Durchsuche

如何使用 JavaScript 更改要显示为上标的字符串？

In diesem Tutorial lernen wir, wie man mithilfe von JavaScript eine Zeichenfolge so ändert, dass sie hochgestellt angezeigt wird. Wie der Name schon sagt, werden hochgestellte Zeichenfolgen halb so hoch angezeigt wie normale Zeichenfolgen. Außerdem sind die Zeichen einer hochgestellten Zeichenfolge kleiner als die einer normalen Zeichenfolge.

Das Hochstellen von Zeichenfolgen hat beim Schreiben mathematischer Formeln viele Verwendungsmöglichkeiten. Zum Beispiel A², B², 10⁵ usw. Darüber hinaus können wir auch hochgestellte Zeichen verwenden, um chemische Formeln wie O ₂²-, H- usw. darzustellen.

Hier können Benutzer lernen, Zeichenfolgen mithilfe von HTML oder JavaScript als hochgestellte Zeichen anzuzeigen.

Zeichenfolge nur mit HTML als tiefgestellt anzeigen

In diesem Abschnitt erfahren Sie, wie Sie Zeichenfolgen mit dem HTML-Tag ^{als hochgestellt anzeigen. Jede vom Benutzer innerhalb des HTML-Tags geschriebene Zeichenfolge wird in kleinen Zeichen in halber Höhe über der normalen Zeichenfolge angezeigt.}

Syntax

Benutzer können der folgenden Syntax folgen, um eine Zeichenfolge nur mit HTML hochgestellt darzustellen.

<p> (10)<sup> 2</sup> </p> // output is (10)2

Beispiel

Im folgenden Beispiel verwenden wir HTML-Tags ^{, um einige mathematische Formeln im richtigen Format darzustellen.}

<html>
<head>
</head>
<body>
   <h2> displayed string as a superscript using JavaScript. </h2>
   <h4> Various examples of superscript string using Row HTML. </h4>
   <p> A<sup>3 </sup> </p>
   <p> A<sup>2 </sup> + B<sup>2 </sup> + 2*A*B = (A+B)<sup>2 </sup> </p>
</body>
</html>

In der obigen Ausgabe kann der Benutzer sehen, wie wir mathematische Formeln mithilfe von HTML-Tags schreiben.

Zeichenfolge als Index mit HTML und JavaScript anzeigen

Hier erfahren Sie mehr über die JavaScript-Methode string.sup(). Es handelt sich um eine integrierte Bibliotheksmethode, die eine in das HTML-Tag ^{eingebettete Zeichenfolge zurückgibt. Wenn der Benutzer eine Zeichenfolge direkt in HTML schreiben muss, kann daher die obige Methode verwendet werden. Wenn der Benutzer JavaScript verwenden muss, um eine Zeichenfolge zu generieren und in den HTML-Körper zu schreiben, kann der Benutzer string.sup( ) Methode.}

Syntax

Benutzer können die JavaScript-Methode string.sup() gemäß der folgenden Syntax verwenden. Die Methode

let str = "5";
let output = "10" + string.sup(); // returns 105
let output = "x" + "2".sup(); // returns x2

Rückgabewert

string.sup() gibt die Zeichenfolge innerhalb des ^{HTML-Tags zurück.}

<sup> string <sup>

Beispiel

<html>
<head>
</head>
<body>
   <h2> displayed string as a superscript using JavaScript. </h2>
   <div id = "superscript"> </div>
   <div id = "deprecated"> <br>The String sup() method is deprecated. So use <i>sup</i> tag. <br></div>
</body>
<script>
   var superscript = document.getElementById("superscript");
   let string = "5";
   let x = 10;
   let result = x + string.sup() + " = " + Math.pow( 10, 5 ) + ". <br/>";
   superscript.innerHTML = result;
   result += "5" + "2".sup() + " = " + Math.pow( 5, 2 ) + ". <br/>";
   superscript.innerHTML = result;
   var str = "<sup>Demo Text</sup>";
   deprecated.innerHTML += "<br>This is subscript" + str;
</script>
</html>

In diesem Tutorial haben wir gelernt, wie man eine Zeichenfolge hochgestellt darstellt. Dies ist eine sehr nützliche Funktion von HTML. Der Benutzer kann die Zeichenfolge mithilfe des HTML-Tags direkt hochgestellt anzeigen oder die JavaScript-Methode string.sup() verwenden. Dies spielt keine Rolle, da die super()-Methode durch Einbetten der Zeichenfolge ebenfalls denselben Wert zurückgibt in ^Markierung.

Das obige ist der detaillierte Inhalt vonWie ändere ich mithilfe von JavaScript die Zeichenfolge, die hochgestellt angezeigt werden soll?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript html String 字符串

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Wie kann ich ein Array von Strukturen in JavaScript anzeigen?Nächster Artikel：Wie kann ich ein Array von Strukturen in JavaScript anzeigen?

In Verbindung stehende Artikel

Mehr sehen