강의 컨설팅 트레이닝 무료진단 무료책자 마케팅편지 마케팅정보공유 다이어리 서비스제휴 고객센터

자바스크립트 100선
작성자 : 99 단국강토
등록날짜 : 2009.02.16 11:21
2,150

실제 100개는 아님

멋진걸 추가 추가 해나가면 언젠가 100이 되지 않을까 싶습니다.
그리고 제가 사용한다고 했지 제가 만들었다고 하지 않았습니다.

여기 저기 주워 온거 모으고

고치고 한것입니다.

김정식님꺼도 있고 그외 이 게시판거 종합입니다.

<!--
    //최상위 체크 로직(chars로 넘긴 값이 있다면 true)
    function containsCharsOnly(input,chars) {
        for (var inx = 0; inx < input.value.length; inx++) {
            if (chars.indexOf(input.value.charAt(inx)) == -1)
                return false;
        }
        return true;
    }
    //최상위 체크 로직(chars로 넘긴 값이 있다면 false)
 function containsChars(input,chars) {
     for (var inx = 0; inx < input.value.length; inx++) {
        if (chars.indexOf(input.value.charAt(inx)) != -1)
            return true;
     }
     return false;
 }
    // 숫자 체크
    function isNum(input) {
        var chars = "0123456789";
        return containsCharsOnly(input,chars);
    }
 //이름체크
 function nameCheck(input){
  var chars = '0123456789~!@#$%^&*()_-+=|{}[]<>,./?';
        return containsChars(input,chars);
 }
    // 전화 번호 Check
    function isPhoneCheck(input) { 
     var chars = "0123456789( ).-,<>{}[]_~";
        return containsCharsOnly(input,chars);
    }
    // 영문 판별
    function isPhoneCheck(input) { 
     var chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
        return containsCharsOnly(input,chars);
    }
    // 영숫자 판별
    function isPhoneCheck(input) { 
     var chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
        return containsCharsOnly(input,chars);
    }
 // 입력값이 숫자,대시(-)로 되어있는지 체크
 function isNumDash(input) {
     var chars = "-0123456789";
     return containsCharsOnly(input,chars);
 }
 // 입력값이 숫자,콤마(,)로 되어있는지 체크
 function isNumComma(input) {
     var chars = ",0123456789";
     return containsCharsOnly(input,chars);
 }
 // 입력값이 사용자가 정의한 포맷 형식인지 체크
 // 자세한 format 형식은 자바스크립트의 ''regular expression''을 참조
 function isValidFormat(input,format) {
     if (input.value.search(format) != -1) {
         return true; file://올바른 포맷 형식
     }
     return false;
 }
 /**
  * 입력값이 이메일 형식인지 체크
  * ex) if (!isValidEmail(form.email)) {
  *         alert("올바른 이메일 주소가 아닙니다.");
  *     }
  */
 function isValidEmail(input) {
 //    var format = /^(\S+)@(\S+)\.([A-Za-z]+)$/;
     var format = /^((\w|[\-\.])+)@((\w|[\-\.])+)\.([A-Za-z]+)$/;
     return isValidFormat(input,format);
 }
 /**
  * 입력값이 전화번호 형식(숫자-숫자-숫자)인지 체크
  */
 function isValidPhone(input) {
     var format = /^(\d+)-(\d+)-(\d+)$/;
     return isValidFormat(input,format);
 }
 // 콤마 없애기
 function removeComma(input) {
     return input.value.replace(/,/gi,"");
 }
 // 문자 변환 함수
    function alterString(str,before,after) {
     var returnStr = "";
     for(i = 0; i < str.length; i++) {
      value = str.charAt(i);
      index = before.indexOf(value);
      if(index >= 0) value = after.charAt(index);
      returnStr += value;
     }
     return returnStr;
    }
    // 소 --> 대문자 변환 함수
    function ToUpper(arg) {
     var str1 = "abcdefghijklmnopqrstuvwxyz";
     var str2 = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
     return alterString(arg,str1,str2);
    }
    // 대 --> 소문자 변환 함수
    function ToLower(arg){
     var str1 = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
     var str2 = "abcdefghijklmnopqrstuvwxyz";
     return alterString(arg,str1,str2);
    }
    // 반각 문자를 전각문자로
    function convert2ByteChar(x_char) {
        var x_2byteChar = ""; //컨버트된 문자
        var c = x_char.charCodeAt(0);
        if(32 <= c && c <= 126) { //전각으로 변환될수 있는 문자의 범위
            if(c == 32) { //스페이스인경우 ascii 코드 32
                x_2byteChar = unescape("%uFFFC");
            } else {
                x_2byteChar = unescape("%u"+gf_DecToHex(c+65248));
            }
        }
        return  x_2byteChar;
    }
    // 10진수를 16진수로
    function gf_DecToHex(x_dec) {
        var x_Hex = new Array();
        var x_serial = 0;
        var x_over16 = x_dec;
        var x_tempNum = 0;
        while(x_dec > 15) {
            var x_h = x_dec % 16; //나머지
            x_dec = parseInt(x_dec/16); //몫
            x_Hex[x_serial++] = (x_h > 9 ? String.fromCharCode(x_h + 55) : x_h); //16진수코드변환
        }
        //마지막은 몫의 값을 가짐
        x_Hex[x_serial++] = (x_dec > 9 ? String.fromCharCode(x_dec + 55) : x_dec); //16진수코드변환
        //몫,나머지,나머지,.....
        var retValue = "";
        for(var i=x_Hex.length ; i>0 ;i--) {
            retValue += x_Hex[i-1];
        }
        return retValue;
    }
    // input box에 space, &nbsp;등 만으로 넣고 장난 칠때 이들 문자 뺀 길이를 통해 유효성 체크한다...
    function CheckStr(strOriginal, strFind, strChange){
        var position, strOri_Length;
        position = strOriginal.indexOf(strFind); 
        while (position != -1){
            strOriginal = strOriginal.replace(strFind, strChange);
            position = strOriginal.indexOf(strFind);
        }
        strOri_Length = strOriginal.length;
        return strOri_Length;
    }
    // 체크 박스에 체크가 되어 있으면 true
 function checkValidator(str) {
  if(str.checked) return true;
  else return false;
 }
 // 비밀번호는 4자 등 최대 최소 길이를 파람으로 주고 처리...
    function checkLength(str,minLng,maxLng){
        var ckstr = str.value.length;
        if (parseInt(ckstr) < parseInt(minLng) || parseInt(ckstr) > parseInt(maxLng)) return false;
        return true;
    }
    // 숫자만 받아서 아니면 메세지 보여 주는
    function onlyNumber(objEv) {
        if(!isNum(objEv)){
            alert("숫자만 입력가능합니다.");
            objEv.value = "";
            objEv.focus();
            return;
        }
    }
    // 숫자를 체크하다가 6자 등 원하는 만큼 이동후 다음 input 박스로 이동 시키는...
    function goJump(fname, len, goname){
        onlyNumber(fname);
        if (document.all[fname].value.length == len) document.all[goname].focus();
    }

    // 주민등록번호 체크 로직
    function check_ResidentNO(str_f_num,str_l_num){ 
        var i3=0
        for (var i=0;i<str_f_num.length;i++){
         var ch1 = str_f_num.substring(i,i+1);
            if (ch1<'0' || ch1>'9') i3=i3+1;
        }
        if ((str_f_num == '') || ( i3 != 0 )) return false;
        var i4=0;
        for (var i=0;i<str_l_num.length;i++){
            var ch1 = str_l_num.substring(i,i+1);
            if (ch1<'0' || ch1>'9') i4=i4+1;
        }
        if ((str_l_num == '') || ( i4 != 0 )) return false;
        if(str_f_num.substring(0,1) < 4) return false;
        if(str_l_num.substring(0,1) > 2) return false;
        if((str_f_num.length > 7) || (str_l_num.length > 8)) return false;
        if ((str_f_num == '72') || ( str_l_num == '18'))  return false;
               
        var f1=str_f_num.substring(0,1)
        var f2=str_f_num.substring(1,2)
        var f3=str_f_num.substring(2,3)
        var f4=str_f_num.substring(3,4)
        var f5=str_f_num.substring(4,5)
        var f6=str_f_num.substring(5,6)
        var hap=f1*2+f2*3+f3*4+f4*5+f5*6+f6*7
        var l1=str_l_num.substring(0,1)
        var l2=str_l_num.substring(1,2)
        var l3=str_l_num.substring(2,3)
        var l4=str_l_num.substring(3,4)
        var l5=str_l_num.substring(4,5)
        var l6=str_l_num.substring(5,6)
        var l7=str_l_num.substring(6,7)
        hap=hap+l1*8+l2*9+l3*2+l4*3+l5*4+l6*5
        hap=hap%11
        hap=11-hap
        hap=hap%10
        if (hap != l7) return false;
        return true;
    }
    // 바이트 구하기
    function getByteLen(str){
        return(str.length+(escape(str)+"%u").match(/%u/g).length-1);
    }
 // url 가져오기
    function getUrlAddress(){
        var pageUrl = document.location;
     pageUrl  = new String(pageUrl);
      return pageUrl.substring(0,pageUrl.lastIndexOf("/"));
    }
    // 오른마우스 금지, 나중에 해당 주석 풀고 사용
    function rightbutton(e){
        if (navigator.appName == 'Netscape' &&  (e.which == 3 || e.which == 2))
            return false;
        else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3))
        {
            alert("죄송합니다!! 정보무단복제를 막기 위하여 오른쪽 마우스 사용을 허용하지 않습니다.");
            return false;
        }
        return true;
    }
    //document.onmousedown=rightbutton;
   
    // 컨트롤 키 금지, 나중에 해당 주석 풀고 사용
    function checkCtl(){
        if (document.all){
            if(event.keyCode==17) {
                alert("죄송합니다!! 컨트롤키 사용을 허용하지 않습니다.");
                return false;
            }
        }
    }
    //document.onkeydown = checkCtl;

 function setCookie(name,value) {
     document.cookie = name+"="+escape(value)+";path=/;domain=.kkaok.pe.kr;";
 }
 
 function setCookie(name,value, expires) {
     document.cookie = name + "=" + escape(value) +
     "; path=/; expires=" + expires.toGMTString();
 }
 
 function getCookie(Name) {
     var search = Name + "="
     if (document.cookie.length > 0) { // 쿠키가 설정되어 있다면
         offset = document.cookie.indexOf(search)
         if (offset != -1) { // 쿠키가 존재하면
             offset += search.length
             // set index of beginning of value
             end = document.cookie.indexOf(";", offset)
             // 쿠키 값의 마지막 위치 인덱스 번호 설정
             if (end == -1)
                 end = document.cookie.length
             return unescape(document.cookie.substring(offset, end));
         }
     }
 }

   //문자 바꾸기, 사용법 var str = 문자열.replaceAll("a", "1"); 
    String.prototype.trim = function(){
        return this.replace(/(^\s*)|(\s*$)/gi, "");
    }

    String.prototype.replaceAll = function(str1, str2) {
        var temp_str = "";
        if (this.trim() != "" && str1 != str2) {
            temp_str = this.trim();
            while (temp_str.indexOf(str1) > -1){
                temp_str = temp_str.replace(str1, str2);
            }
        }
        return temp_str;
    }

//-->

[출처] 롬멜

"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기,
각종 광고, 영업, 판매, 제안서, 전단지
반응율 3배×10배 이상 높이는 마법의 8단계 공식"
자세히보기

Comments

번호 제목 글쓴이 날짜 조회
3135 1-16.[문장,문서] 문장, 문서 꾸미기4 - ④ 문서에 선긋기 <hr> 태그 99 단국강토 02.16 3199
3134 1-15.[문장,문서] 문장, 문단 꾸미기3 - ③ <br> <p> 태그 99 단국강토 02.16 2270
3133 [문장,문서] 문장, 문단 꾸미기2 - ② <body> 속성 태그 99 단국강토 02.16 2511
3132 1-13.문장,문서] 문장, 문단 꾸미기 - ① 문장, 문단 태그 입문 99 단국강토 02.16 2556
3131 1=12.[글자] 움직이는 글자4 - ④ <marquee> 태그 다양한 실전 응용 99 단국강토 02.16 2154
3130 1-11.[글자] 움직이는 글자3 - ③<marquee> 태그 활용2 99 단국강토 02.16 2474
3129 1-10.[글자] 움직이는 글자2 - ② <marquee> 태그 활용 99 단국강토 02.16 2630
3128 1-9.[글자] 움직이는 글자1 - ① <marquee> 태그 99 단국강토 02.16 2593
3127 1-8.[글자] 글자 꾸미기 1 - ③ 글자 태그 정리 99 단국강토 02.16 2379
3126 1-6.[글자] 글자 기본 태그 - ② <font> <size> <color> 태그 99 단국강토 02.16 2862
3125 1-5.[태그] 태그의 이해 - ① <br>태그 99 단국강토 02.16 2006
3124 1-4.[HTML 기초] HTML 구조와 속성 - ④ HTML 들여다보기 99 단국강토 02.16 2399
3123 1-3.[HTML 기초] HTML 문서 - ③ HTML 만들기 99 단국강토 02.16 2567
3122 CSS 사용 표현 - 범위 표현 99 단국강토 02.16 2004
3121 CSS 사용방법 - 배경표현 99 단국강토 02.16 2309
3120 CSS 사용방법 - 문단표현 99 단국강토 02.16 2047
3119 CSS 사용방법 - 테두리표현 99 단국강토 02.16 2332
3118 CSS 사용방법 - 커서표현 99 단국강토 02.16 2016
3117 CSS 사용방법 - 필터 표현 99 단국강토 02.16 2292
3116 내 전용 스타일 시트입니다. 99 단국강토 02.16 2016
3115 스타일 시트로 이미지 롤오버 만들기 99 단국강토 02.16 1889
3114 프리진의 css 99 단국강토 02.16 2122
3113 TextArea 박스 내부에 밑줄이미지 삽입 99 단국강토 02.16 3867
3112 CSS를 이용한 테이블 라인 표현하기 99 단국강토 02.16 3021
3111 테이블(table)와 관련된 스타일 시트 99 단국강토 02.16 2594
3110 스타일시트로 모서리가 라운딩 처리된 테이블[roundrect] 99 단국강토 02.16 2220
3109 LG전자 스타일시트 99 단국강토 02.16 2428
3108 TextArea 자동으로 늘리기 99 단국강토 02.16 4314
3107 자바스크립트 100선 99 단국강토 02.16 1376
열람중 자바스크립트 100선 99 단국강토 02.16 2151
마케팅
특별 마케팅자료
다운로드 마케팅자료
창업,경영
기획,카피,상품전략
동기부여,성취