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

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

WBOY
發布: 2023-08-30 14:45:11
轉載
1394 人瀏覽過

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

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

在寫數學公式時,上標字串有很多用途。例如,A2、B2、105等。此外,我們也可以使用上標來表示化學式,例如O 22-、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() 方法。 < /p>

語法

使用者可以依照下列語法使用 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中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板