資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何使用 JavaScript 將字串顯示為上標？
在本教程中，我們將學習如何使用 JavaScript 將字串顯示為上標。顧名思義，上標字串顯示在普通字串的一半高度。此外，上標字串的字元比普通字串的字元小。
在編寫數學公式時，上標字串有很多用途。例如，A2、B2、105 等。此外，我們還可以使用上標來顯示化學式，例如 O22-、H- 等。
在這裡，使用者可以使用 HTML 或 JavaScript 學習如何將字串顯示為上標。
僅使用 HTML 將字串顯示為下標
在本節中，我們將學習如何使用 HTML <sup> 標籤將字串顯示為上標。使用者在 HTML <sup> 標籤中寫入的任何字串都將在普通字串上方的一半高度以小字元顯示。
語法
使用者可以按照以下語法使用 HTML 僅將字串呈現為上標。
<p> (10)<sup> 2</sup> </p> // output is (10)2
示例
在下面的示例中，我們使用了 HTML <sup> 標籤以正確的格式呈現一些數學公式。
<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 <sup> 標籤編寫數學公式。
使用 HTML 和 JavaScript 將字串顯示為下標
在這裡，我們將學習 JavaScript 字串的 .sup() 方法。它是一個內建庫方法，用於返回嵌入到 HTML <sup> 標籤中的字串。因此，當用戶需要直接使用 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() 方法返回 <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 <sup> 標籤直接將字串顯示為上標，還是使用 JavaScript string.sup() 方法，都沒有關係，因為 sup() 方法也透過將字串嵌入到 <sup> 標籤中返回相同的值。
2K+ 瀏覽量
