首頁 >web前端 >js教程 >如何使用 JavaScript 變更要顯示為上標的字串？

如何使用 JavaScript 變更要顯示為上標的字串？

WBOY轉載: 2023-08-30 14:45:111401瀏覽

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

在本教學中，我們將學習使用 JavaScript 變更要顯示為上標的字串。顧名思義，上標字串顯示在普通字串的一半高度。而且，上標字串的字元比普通字串的字元要小。

在寫數學公式時，上標字串有很多用途。例如，A²、B²、10⁵等。此外，我們也可以使用上標來表示化學式，例如O ₂²-、H-等

#在這裡，使用者可以使用HTML 或JavaScript 學習將字串顯示為上標。

僅使用 HTML 將字串顯示為下標

在本節中，我們將學習使用 HTML ^{標記將字串顯示為上標。使用者在 HTML 標籤內寫入的任何字串都會以小字元顯示在正常字串上方的半高處。}

語法

使用者可以按照以下語法僅使用 HTML 將字串呈現為上標。

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

範例

在下面的範例中，我們使用 HTML ^{標籤以正確的格式呈現一些數學公式。}

<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>

在上面的輸出中，使用者可以看到我們如何使用 HTML 標記來寫數學公式。

使用 HTML 和 JavaScript 將字串顯示為下標

在這裡，我們將了解 JavaScript string.sup() 方法。它是一個內建函式庫方法，傳回嵌入到 HTML ^{標籤中的字串。因此，當使用者需要直接使用 HTML 編寫字串時，可以使用上述方法，而當需要使用 JavaScript 產生字串並將其寫入 HTML 正文時，使用者可以使用 string.sup() 方法。}

語法

使用者可以依照下列語法使用 JavaScript string.sup() 方法。

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

傳回值

string.sup() 方法傳回 ^{HTML 標記內的字串。}

<sup> string <sup>

範例

<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>

在本教學中，我們學習了將字串呈現為上標。這是 HTML 提供的一個非常有用的功能。使用者可以使用HTML 標籤直接將字串顯示為上標，也可以使用JavaScript string.sup() 方法，這並不重要，因為super() 方法也會傳回相同的值透過將字串嵌入到^標記中。

以上是如何使用 JavaScript 變更要顯示為上標的字串？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

JavaScript html String 字符串

陳述：

本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除

上一篇：如何在 JavaScript 中查看結構體數組？下一篇：如何在 JavaScript 中查看結構體數組？

看更多