이 페이지는 iFrame 용이므로 사용하면 오류가 발생될 수 있슴.
B
글꼴 종합 프로그램 예제
중요 항목 : fontsize, fontcolor, italics, fixed, bold, strike, sup, sub, big, small, Math, PI, value, pow

점검 할 문자열: 코드와 설명
<SCRIPT>                                                                                                      
var br='<BR>'; // 변수 선언
function showme(){ // 기능함수 시작
  var str=''; // 출력 문자열 변수 선언
  stringVar=myform.in1.value; // 입력값을 변수로 선언

  str+='stringVar.big()='+stringVar.big()+br; // 큰 글자로 출력
  str+='stringVar.small()='+stringVar.small()+br; // 작은 글자로 출력
  str+='stringVar.fontsize(4).fontcolor("navy")='+stringVar.fontsize(4).fontcolor("navy")+br+br;
  // 글꼴 크기와 색상을 지정하여 출력

  str+='stringVar.blink()='+stringVar.blink()+' (Explorer에서는 안됨)'+br+br; // 깜빡이는 글자로 출력

  str+=stringVar.fixed()+'=stringVar.fixed()'+br; // 고정폭 글자로 출력
  str+=stringVar+'=stringVar (일반 글꼴)'+br+br; // 비교를 위한 보통 글꼴로 출력
  str+='stringVar.fontcolor("red")='+stringVar.fontcolor("red")+br; // 글자색상 색상명으로 지정하여 출력
  str+='stringVar.fontcolor("#000088")='+stringVar.fontcolor("#000088")+br+br; // 글자색 RGB로 지정하여 출력

  str+='stringVar.bold().fontcolor("fusia")='+stringVar.bold().fontcolor("fusia")+br; // 굵은 글자로 글자색 지정하여 출력
  str+='stringVar.italics()='+stringVar.italics()+br; // 이태릭 글꼴로 출력
  str+='stringVar.bold().italics()='+stringVar.bold().italics()+br; // 이태리 글꼴로 굵은 글자로 출력
  str+='stringVar.strike().fontcolor("brown")='+stringVar.strike().fontcolor("brown")+br+br;
    // 줄로 지운 글자를 색상을 지정하여 출력

  str+='stringVar.sup()='+stringVar.sup()+br; // 윗첨자로 출력
  str+='stringVar.sub().fontcolor("teal")='+stringVar.sub().fontcolor("teal")+br; // 아랫첨자로 색상을 지정하여 출력

  str+='10<SUP>3</SUP>="10"+"3".sup()='+'10'+'3'.sup()+'='+Math.pow(10,3)+br;
  var radius=100; // 수학 공식을 윗첨자를 이용하셔 표현
  str+='area=radius+"2".sup()*π='+radius+'2'.sup()+'*π='+Math.pow(100,2)*Math.PI+br;
    // 원의 넓이 공식을 윗첨자를 이용하여 출력, π의 표현은 &pi;로

  document.write(str); // 결과 문자열 일괄 출력
}
</SCRIPT>

<CENTER><FORM name="myform">
점검 할 문자열:
<INPUT type="text" size="40" value="문자열을 수정해 넣고 클릭 해 보라" name="in1" style="text-align:left">
<INPUT type="button" value="클릭" onClick="showme()">
<A href="#tagcode">코드와 설명</A>
</FORM></CENTER>

<DIV id="showcode" class=show title="결과"></DIV> <! 출력할 위치>

method
글꼴 종합 프로그램 예제
이전페이지로페이지 맨위로
최종 수정:
06/23/2025 22:52:01
KoXo Homepage
All right reserved
비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다.
오류가 나면 정상적 접속으로 시도해 보세요.
http://koxo.com/lang/js/method/exp/xfontpro.html