Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben: 2023-08-30 14:45:11
nach vorne
1324 Leute haben es durchsucht

如何使用 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 A2, B2, 105 usw. Darüber hinaus können wir auch hochgestellte Zeichen verwenden, um chemische Formeln wie O 22-, 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
Nach dem Login kopieren

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>
Nach dem Login kopieren

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. < /p>

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
Nach dem Login kopieren

Rückgabewert

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

<sup> string <sup>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!