Media Log

noscript 태그 사용법

2008. 6. 30. 22:17 | ### 프로그래밍/Javascript/Css/Html
noscript 태그 사용법

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>무제 문서</title>
</head>
<body>
대한민국 만세<br />
<script type="text/javascript">
//<![CDATA[
 alert('자바스크립트 작동');
//]]>
</script>
<noscript>
 자바스크립트가 동작안한다.
</noscript>
</body>
</html>
/

var 키워드 사용법

2008. 6. 30. 22:10 | ### 프로그래밍/Javascript/Css/Html

var 키워드 사용법
function _()
{
var 변수;
}
함수 내부에서 선언하면 함수안에서만 사용가능한 지역번수가된다.

var 변수:
function _(){}
함수 밖에 선언 하면 전역변수로 인식된다.

/

자바스크립트 efer 속성 사용법

2008. 6. 30. 22:06 | ### 프로그래밍/Javascript/Css/Html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>무제 문서</title>
<script type="text/javascript">
//<![CDATA[
 alert("먼저 뜬다");
//]]>
</script>
<script type="text/javascript" defer="defer">
//<![CDATA[
 alert("나중에 뜬다");
//]]>
</script>
</head>
<body>
대한민국 만세<br />
<script type="text/javascript">
//<![CDATA[
 var dt = Date();
 var msg = '<h3>hello world ' + dt + '</h3>';
 document.writeln(msg);
//]]>
</script>
</body>
</html>

defer를 사용할 경우 html문서를 먼저 파싱하고 나서 자바스크립트를 파싱한다.

* 자바 스크립트는 외부 파일로 만들어서 쓰는 것이 좋다. (한번 읽은 문서는 캐싱이 되어서 자바스크립트를 요청한다.)

/

자바스크립트로 한글문자 길이체크하기

2008. 6. 27. 10:57 | ### 프로그래밍/Javascript/Css/Html

자바스크립트로 한글문자 길이체크하기　

/** 한글을 2byte로 인식하여 length 체크 */
function getByteLength( data ) {
    var len = 0;
    var str = data.substring(0);

    if ( str == null ) return 0;

    for(var i=0; i < str.length; i++) {
        var ch = escape(str.charAt(i));

        if( ch.length == 1 ) len++;
        else if( ch.indexOf("%u") != -1 )  len += 2;//Db가 한글을 3byte로 인식하여 2->3
        else if( ch.indexOf("%") != -1 ) len += ch.length/3;
    }

    return len;
}

/

문장이 일정한 길이를 넘으면 자동으로 말줄임표 처리

2008. 5. 14. 15:14 | ### 프로그래밍/Javascript/Css/Html
일정한 길이를 넘으면 자동으로 말줌임표로 대체

<div style="width:275px;overflow: hidden; text-overflow: ellipsis;"><nobr>내용~~~~~~~</div>

가로사이즈 반드시 정해줘야 한다.
/

티스토리툴바