본문 바로가기
HTML

[HTML] 문자열 Byte 계산 프로그래밍

사악미소 2011. 12. 16. 19:06
반응형
■ HTML

<!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

'HTML' Related Articles

티스토리툴바