> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 글꼴 크기 방법 시작하기(지정된 크기에 따라 문자열 표시)_기본 지식

JavaScript 글꼴 크기 방법 시작하기(지정된 크기에 따라 문자열 표시)_기본 지식

WBOY
풀어 주다: 2016-05-16 16:33:34
원래의
1282명이 탐색했습니다.

JavaScript 글꼴 크기 방법

fontsize 메소드는 HTML 글꼴 태그의 크기 속성을 사용하여 글꼴 크기를 정의하는 문자열을 반환합니다. 구문은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

str_object.fontsize( 크기 )

매개변수 설명:

매개변수 설명 str_object 연산할 문자열(객체) 크기 필수입니다. 1부터 7까지의 숫자로, 숫자가 클수록 글꼴 크기 비교는 다음과 같습니다.
参数 说明
str_object 要操作的字符串(对象)
size 必需。1 到 7 的数字,数字越大字体越大,字体大小对比如下:
1:10px
2:14px
3:16px
4:18px
5:24px
6:32px
7:48px
1:10픽셀 2:14px

3:16px

4:18px

5:24px 6:32px 7:48px

팁: 이 방법은 ECMA 표준을 준수하지 않으므로 권장되지 않습니다.


fontsize 메소드 인스턴스

<스크립트 언어="JavaScript">

var str = "www.jb51.net";

document.write( str.fontsize( 7 ) );


코드 복사
코드는 다음과 같습니다.

www.jb51.net

팁: 이 메소드는 글꼴 크기를 동적으로 변경할 수 없더라도 HTML 글꼴 크기 태그를 사용하여 정의된 문자열을 반환합니다. 요소의 글꼴 크기를 동적으로 변경하려면 다음 예를 참조하세요.


코드 복사

코드는 다음과 같습니다.



<스크립트 언어="JavaScript">

함수 changFont( x ){
Document.getElementById("article").style.fontSize = x;
}



<본문>


보통 대형


저는 문자입니다...
일부 텍스트...

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿