在本教學中,我們將學習使用 JavaScript 變更要顯示為上標的字串。顧名思義,上標字串顯示在普通字串的一半高度。而且,上標字串的字元比普通字串的字元要小。
在寫數學公式時,上標字串有很多用途。例如,A2、B2、105等。此外,我們也可以使用上標來表示化學式,例如O 22-、H-等
#在這裡,使用者可以使用HTML 或JavaScript 學習將字串顯示為上標。
在本節中,我們將學習使用 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 標記來寫數學公式。
在這裡,我們將了解 JavaScript string.sup() 方法。它是一個內建函式庫方法,傳回嵌入到 HTML 標籤中的字串。因此,當使用者需要直接使用 HTML 編寫字串時,可以使用上述方法,而當需要使用 JavaScript 產生字串並將其寫入 HTML 正文時,使用者可以使用 string.sup() 方法。 < /p> 使用者可以依照下列語法使用 JavaScript string.sup() 方法。 string.sup() 方法傳回 HTML 標記內的字串。 在本教學中,我們學習了將字串呈現為上標。這是 HTML 提供的一個非常有用的功能。使用者可以使用HTML 標籤直接將字串顯示為上標,也可以使用JavaScript string.sup() 方法,這並不重要,因為super() 方法也會傳回相同的值透過將字串嵌入到 標記中。 以上是如何使用 JavaScript 變更要顯示為上標的字串?的詳細內容。更多資訊請關注PHP中文網其他相關文章!語法
let str = "5";
let output = "10" + string.sup(); // returns 105
let output = "x" + "2".sup(); // returns x2
傳回值
<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>