반응형
■ HTML
■ Scirpt 함수
■ HTML + Scirpt 함수
-. Scirpt 함수를 <TITLE> </TITLE> 사이에 넣는다.
아래와 같은 결과가 나타난다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>문자열 byte표현</TITLE> </HEAD> <BODY> <input type="text" id="Text1" onkeyUp="OntextCheck(this);" style="width:300px;"><br /> <input type="text" id="txtbyte" style="width:50px;" readonly>/600byte </BODY> </HTML> |
■ Scirpt 함수
<script type="text/javascript"> function OntextCheck(obj) { var str = new String(obj.value); var _byte = 0; if(str.length != 0) { for (var i=0; i < str.length; i++) { var str2 = str.charAt(i); if(escape(str2).length > 4) { _byte += 2; } else { _byte++; } } } document.getElementById("txtbyte").value = _byte; } </script> |
■ HTML + Scirpt 함수
-. Scirpt 함수를 <TITLE> </TITLE> 사이에 넣는다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>문자열 byte표현</TITLE> <script type="text/javascript"> function OntextCheck(obj) { var str = new String(obj.value); var _byte = 0; if(str.length != 0) { for (var i=0; i < str.length; i++) { var str2 = str.charAt(i); if(escape(str2).length > 4) { _byte += 2; } else { _byte++; } } } document.getElementById("txtbyte").value = _byte; } </script> </HEAD> <BODY> <input type="text" id="Text1" onkeyUp="OntextCheck(this);" style="width:300px;"><br /> <input type="text" id="txtbyte" style="width:50px;" readonly>/600byte </BODY> </HTML> |
아래와 같은 결과가 나타난다.
반응형
'HTML' 카테고리의 다른 글
[HTML] lable 태그를 사용한 radio 박스 선택영역 확장 (0) | 2015.06.30 |
---|---|
[HTML] 대표링크 (0) | 2014.11.21 |
[HTML] 글자 스타일을 바꾸는 태그 (0) | 2011.12.20 |
[HTML] 글자를 편집하는 FONT 태그 (0) | 2011.12.20 |
[HTML] 웹 사이트의 정보를 나타내는 <META> 태그 (0) | 2011.12.14 |