Maison > Article > interface Web > Comment puis-je modifier la chaîne à afficher en exposant à l'aide de JavaScript ?
Comment puis-je modifier la chaîne à afficher en exposant à l'aide de JavaScript ?
- WBOYavant
- 2023-08-30 14:45:111321parcourir
Dans ce tutoriel, nous apprendrons à utiliser JavaScript pour modifier une chaîne à afficher en exposant. Comme son nom l'indique, les chaînes en exposant apparaissent à la moitié de la hauteur des chaînes normales. De plus, les caractères d'une chaîne en exposant sont plus petits que ceux d'une chaîne normale.
Les chaînes en exposant ont de nombreuses utilisations lors de l'écriture de formules mathématiques. Par exemple, A2, B2, 105, etc. De plus, nous pouvons également utiliser des exposants pour représenter des formules chimiques, telles que O 22-, H-, etc.
Ici, les utilisateurs peuvent apprendre à afficher des chaînes en exposant en utilisant HTML ou JavaScript.
Afficher la chaîne en exposant en utilisant HTML uniquement
Dans cette section, nous apprendrons à afficher la chaîne en exposant à l'aide de la balise HTML . Toute chaîne écrite par l'utilisateur dans la balise HTML sera affichée en petits caractères à mi-hauteur au-dessus de la chaîne normale.
Syntaxe
Les utilisateurs peuvent suivre la syntaxe suivante pour afficher une chaîne en exposant en utilisant uniquement du HTML.
<p> (10)<sup> 2</sup> </p> // output is (10)2
Exemple
Dans l'exemple ci-dessous, nous utilisons des balises HTML pour afficher certaines formules mathématiques dans le format correct.
<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>
Dans la sortie ci-dessus, l'utilisateur peut voir comment nous écrivons des formules mathématiques à l'aide des balises HTML .
Afficher la chaîne en indice en utilisant HTML et JavaScript
Ici, nous allons découvrir la méthode JavaScript string.sup(). Il s'agit d'une méthode de bibliothèque intégrée qui renvoie une chaîne intégrée dans la balise HTML . Par conséquent, lorsque l'utilisateur doit écrire une chaîne directement en utilisant HTML, la méthode ci-dessus peut être utilisée, et lorsque l'utilisateur doit utiliser JavaScript pour générer une chaîne et l'écrire dans le corps HTML, l'utilisateur peut utiliser le string.sup( ) méthode. Les utilisateurs peuvent utiliser la méthode JavaScript string.sup() selon la syntaxe suivante. La méthode string.sup() renvoie la chaîne dans la balise HTML . Dans ce tutoriel, nous avons appris à rendre une chaîne en exposant. Il s'agit d'une fonctionnalité très utile fournie par HTML. L'utilisateur peut afficher directement la chaîne en exposant à l'aide de la balise HTML ou utiliser la méthode JavaScript string.sup(), cela n'a pas d'importance car la méthode super() renverra également la même valeur en intégrant le enfiler Marquage. Syntaxe
let str = "5";
let output = "10" + string.sup(); // returns 105
let output = "x" + "2".sup(); // returns x2
Return Value
<sup> string <sup>
Exemple
<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>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!