JavaScript를 사용하여 문자열이 위 첨자로 표시되도록 어떻게 변경합니까?-JS 튜토리얼-php.cn

JavaScript를 사용하여 문자열이 위 첨자로 표시되도록 어떻게 변경합니까?

WBOY

풀어 주다： 2023-08-30 14:45:11

앞으로

1374명이 탐색했습니다.

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

이 튜토리얼에서는 JavaScript를 사용하여 위 첨자로 표시될 문자열을 변경하는 방법을 배웁니다. 이름에서 알 수 있듯이 위 첨자 문자열은 일반 문자열 높이의 절반으로 나타납니다. 또한 위 첨자 문자열의 문자는 일반 문자열의 문자보다 작습니다.

문자열 윗첨자는 수학 공식을 작성할 때 다양한 용도로 사용됩니다. 예를 들어 A², B², 10⁵ 등입니다. 또한 위 첨자를 사용하여 O ₂²-, H- 등과 같은 화학 공식을 나타낼 수도 있습니다.

여기에서 사용자는 HTML 또는 JavaScript를 사용하여 문자열을 위 첨자로 표시하는 방법을 배울 수 있습니다.

HTML만 사용하여 문자열을 아래 첨자로 표시

이 섹션에서는 HTML ^{태그를 사용하여 문자열을 위 첨자로 표시하는 방법을 알아봅니다. HTML 태그 내에서 사용자가 작성한 모든 문자열은 일반 문자열보다 절반 높이에 작은 문자로 표시됩니다.}

구문

사용자는 다음 구문에 따라 HTML만 사용하여 문자열을 위 첨자로 렌더링할 수 있습니다.

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

로그인 후 복사

Example

아래 예에서는 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>}

Syntax

사용자는 다음 구문에 따라 JavaScript string.sup() 메서드를 사용할 수 있습니다.

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

로그인 후 복사

Return Value

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!