TIP & TECH

HtmlㆍScript 자바스크립트 함수모음 #2

페이지 정보

작성자 IN-BEST 댓글 0건 조회 17,546회 작성일 12-09-25 02:34

본문

[code]:::이벤트핸들러::: onClick▶ 창, 버튼 클릭 onDbclick▶ 더블클릭 onMouseover▶ 그림위로 마우스가 올라갈때 onMouseout▶ 마우스가 나갈때 onMousedown▶ 마우스 누르는 순간 onMousemove▶ 마우가 위치를 옮길때 onDragDrop▶ 클릭한 상태에서 이동 했을 때 onFocus▶ 커서가 위치할 때 onBlur▶ 커서를 잃어버렸을 때 onKeydown▶ 키보드 누를 때 onKeypress▶ 키보드를 누르는 순간 onKeyup▶ 키를 눌렀다가 떼는 순간 onSubmit▶ 전송 버튼을 눌러 폼 문서를 제출할 때 onReset▶ 입력 양식ㅇ르 초기화했을 때 onSelect▶ 입력 상자의 문자열을 선택하거나 체크상자, 라디오 버튼을 선택할때 onChange▶ 입력 양삭의 값이 바뀌었을 때 onLoad▶ 문서를 읽었을 때 onUnload▶ 문서를 닫을 때 onMove▶ 브라우저를 이동했을 때 onResize▶ 크기를 변경했을 때 onAbort▶ 그림을 읽는 도중 중지했을 때 onError▶ 문서나 그림을 읽는 도중 중지했을 때 :::내장함수::: alert("mesage")▶ 확인버튼이 있는 메시지 창 prompt("mesage","기본문구▶ 입력상자가 있는 메시지 창을 띄움 confirm("mesage")▶ 확인 취소 버튼이 있는 창을 띄움 eval()▶ 문자열을 수식으로 바꿈 isNaN()▶ 전달받은 값이 숫자인지 문자인지 판별하여 숫자가 아닌 경우 true 값을 반환 parseFloat()▶ 문자열을 부동소수점으로 바꿈 parseInt()▶ 문자열을 정수로 바꿈 escape()▶ ISO-Latin-1 문제 셋을 아스키 값으로 바꿈, URL 표기형으로 변환 unescape()▶ 위와 반대 isFinite()▶ 전달받은 값이 유리수인지 판단하여 유리수인 경우 ture 값 반환 Number()▶ 객체를 수치로 변환 String()▶ 객체를 문자열로 변환 :::Screen객체::: window.screen.availHeight▶ 작업 표시줄을 제외한 화면의 높이를 픽셀 값으로 표시 window.screen.availWidth▶ 작업 표시줄을 제외한 화면의 너비를 픽셀 값으로 표시 window.screen.availTop▶ 화면 표시 영역의 y 좌표 표시 window.screen.availLeft▶ 화면 표시 영역의 x 좌표 표시 window.screen.height▶ 화면의 높이를 픽셀 값으로 표시 window.screen.width▶ 화면의 너비를 픽셀 값으로 표시 colorDepth▶ 컴퓨터에서 사용하고 있는 컬러 수를 표시 pixelDepth▶ 화면의 컬러 해상도를 표시(네비케이서용) :::Document객체::: document.bgcolor▶ 배경색 document.fgcolor▶ 문서의 글자색, 선색 document.linkcolor▶ 링크 색 document.vlinkcolor▶ 방문한 링크 색 document.alinkcolor▶ 선택 중인 링크 색 document.lastModifed▶ 홈페이지가 마지막으로 갱신된 날짜 저장 document.location▶ 웹 문서의 URL 저장 document.URL▶ 뭔서의 URL 주소 값 반환 document.domain▶ 서버의 도메인 명을 지정하거나 반환 document.title▶ 태그 사이에 문서 제목을 제공 document.cookie▶ 쿠키 파일의 정보를 읽고 쓸 수 있음 document.image▶ 문서에 삽입된 그림을 배열로 제공 document.links▶ 문서에 포함된 모든 링크의 이름을 배열로 제공 document.forms▶ <from>태그 입력 순서대로 배열로 제공 document.anchors▶ 문서에 포함된 하이퍼링크의 이름을 배열로 제공 document.Applets▶ 문서에 포함된 배열들의 배열을 제공 document.Embeds▶ 문서에 포함된 플러그인을 배열로 제공 document.layers▶ 레이어의 배열 정고를 제공 document.clear()▶ 문서의 모든 내용을 지움 document.open()▶ 문서의 내용을 보여줌 document.close()▶ open()으로 보여준 문서를 닫음 document.write()▶ 태그를 포함하는 문자열을 출력 document.writeIn()▶ <pre>태그와 함깨 사용하면 행 마지막에서 자동 개행 *document 객체에서 사용되는 핸들러는 ondbclick, onkeydown, onkeypress, onkeyup, onmousedown, onmouseup이다 :::Link객체::: document.links[인텍스번호].속성▶ 인덱스 번호번째 링크 속성 document.links.length▶ 문서에 삽입된 링크 개수 document.링크이름.속성▶ 링크의 네임이 링크이름인 링크의 속성 ---------link객체 속성------------ length▶ 문서 내 링크 개수 알려줌 href▶ URL 전체 주소 알려줌 protocol▶ 프로토콜의 종류 알려줌 host▶ 링크에 설정된 URL 주소, 호스트명, 포트번호 알려줌 hostname▶ 도메인명이나 IP 주소를 알려줌 pathname▶ URL에서 경로 부분의 정보를 알려줌 port▶ :8080과 같은 포트번호를 알려줌 search▶ ? 이후의 문자열을 알려줌 hash▶ anchor 객체의 이름을 알려줌 target▶ target 속성으로 지정한 문서가 열리는 프레임 이름을 알려줌 text▶ 해당 링크를 가지고 있는 문자열을 알려줌 x▶ 문서에서 해당 링크의 x좌표를 알려줌 y▶ 문서에서 해당 링크의 y좌료를 알려줌 :::Anchor객체::: document.anchors[인덱스 번호].속성▶ 인덱스 번호번째 책갈피 속성 document.anchors.length▶ 문서에 삽입된 책갈피의 개수 document.anchors[책갈피명]또는 document.all[책갈피명]▶ 책갈피명이 같은 책갈피 설정 -------ancher객체 속성------- lenght▶ 문서에 삽입된 책갈피 개수를 알려줌 name▶ 책갈피명을 알려줌 text▶ 책갈피로 설정한 문자열을 알려줌 x▶ 앵커 x좌표 값을 알려줌 y▶ 앵커 y좌표 값을 알려줌 :::Navigator객체::: navigator.appCodeNamea▶ 브라우저의 코드명을 알려줌 navigator.appName▶ 브라우저의 종류를 알려줌 navigator.appVersion▶ 브라우저의 버전을 알려줌 navigator.userAgent▶ 브라우저의 코드명, 버전, 운영체제와 같은 브라우저의 정보를 알려줌 navigator.platform▶ 시스템 코드를 알려줌 navigator.javaEnable()▶ 브라우저에서 자바스키립트를 지원하는지 알려줌 navigator.tainEnable()▶ 문서가 정상적으로 열렸는지 알려줌 :::History객체::: window.histor.속성 history.속성.메소드 -------history 메소드----- back()▶ 뒤로 forward()▶ 앞으로 go(n)▶ n단계만큼 이동 go(0)▶ 새로고침 go(-1)▶ 이전 페이지로 go(1)▶ 다음 페이지로 :::Location객체 windows.locatioin.속성 location.속성=값 location.메소드 --------location속성----------- hash▶ #다음에 오는 문자열, 즉 앵커 이름을 표시 host▶ 호스트명과 포트번호 표시 hostname▶ 호스트명을 표시 href▶ 완전한 형태의 URL 주소 pathname▶ 문서의 경로 표시 port▶ 프로토콜 종류 표시 protocol▶ 프로토콜 종류 표시 search▶ 검색 엔진을 실행할 때 나타나는 ? 이후의 문자 표시 ---------location메소드------- reload()▶ 문서를 다시 읽어옴(새로고침) :::String객체::: "환영합니다.".bold().fontcolor("red") ----------string메소드----------- big()▶ 글자크기 크게 small()▶ 글자크기 작게 fontsize(값)▶ 글자크기 설정 fontcolor("색상")▶ 색 지정 bold()▶ 진하게 fixed()▶ 글자크기 조정 italic()▶ 기울임 strike()▶ 취소선 sup()▶ 위첨자 sub()▶ 아래첨자 :::문자열 처리::: "환영합니다.".indexOf("합") "환영합니다.".subsrt(2,4) ---------문자열메소드----------- indexOf("문자")▶ 문자의 위치 값을 왼쪽부터 계산하여 숫자로 표시 indexOf("문자",n)▶ 문자를 문자열의 n번째 문자부터 찾는다 lastindexOf("문자")▶ 문자의 위치를 오른쪽부터 계산하여 숫자로 표시 lastindexOf("문자",n)▶ 문자를 문자열 n번째 문자부터 찾는다 charAt(n)▶ n번째 위치한 문자를 찾아준다. substring(n,m)▶ n번째 문자부터 m번째 문자까지 표시 slice(n,m)▶ 위와 동일, 음수 값은 오른쪽부터 순번으로 계산 substr(n,m)▶ n번째 문자부터 m개의 문자를 표시 split("구분문자")▶ 구분문자를 이용해서 문자열 객체를 분리 concat("문자열")▶ 문자열을 문자열 객체에 결합 toUpperCase()▶ 모두 대문자로 표시 toLowerCase()▶ 모두 소문자로 표시 eval()▶ 문자열을 수치로 표시 toString(n)▶ 수치를 n진수로 바꾸어 표시 match()▶ 지정한 문자와 동일한 패턴을 찾는다. 없으면 널 값을 반환한다. search()▶ 문자열에서 지정한 문자 턴을 찾아 그 패턴의 오프셋 값을 반환 replace()▶ 지정한 문자를 찾아 지정한 다른 문자열로 바꾼다. CharCodeAt(n)▶ n번째 문자를 ISO-Lation-1 코드 값으로 표시한다.[/code]</div> <!-- } 본문 내용 끝 --> <p>양반은 물에 빠져도 개헤엄 안 치고, 선비는 얼어 죽어도 곁불 안 쬔다 !! 나는 나 ^^ 주접 떨지않고, 당당하게 살다 ... 간다 ~</p> <!-- 추천 비추천 시작 { --> <!-- } 추천 비추천 끝 --> </section> <div id="bo_v_share"> </div> <!-- 게시물 상단 버튼 시작 { --> <div id="bo_v_top"> <ul class="bo_v_left"> <li><a href="https://in-best.com/tip_tech?page=&sca=Html%E3%86%8DScript" class="btn_b01 btn"><i class="fa fa-search" aria-hidden="true"></i> 검색</a></li> </ul> <ul class="bo_v_com"> <li><a href="https://in-best.com/tip_tech" class="btn_b01 btn"><i class="fa fa-list" aria-hidden="true"></i> 목록</a></li> </ul> <ul class="bo_v_nb"> <li class="btn_prv"><span class="nb_tit"><i class="fa fa-caret-up" aria-hidden="true"></i> 이전글</span><a href="https://in-best.com/tip_tech/31?sca=Html%E3%86%8DScript">onClick 사용예제</a> <span class="nb_date">12.10.04</span></li> <li class="btn_next"><span class="nb_tit"><i class="fa fa-caret-down" aria-hidden="true"></i> 다음글</span><a href="https://in-best.com/tip_tech/26?sca=Html%E3%86%8DScript">자바스크립트 함수모음 #1</a> <span class="nb_date">12.09.25</span></li> </ul> </div> <!-- } 게시물 상단 버튼 끝 --> <script> // 글자수 제한 var char_min = parseInt(0); // 최소 var char_max = parseInt(0); // 최대 </script> <button type="button" class="cmt_btn"><span class="total"><b>댓글</b> 0</span><span class="cmt_more"></span></button> <!-- 댓글 시작 { --> <section id="bo_vc"> <h2>댓글목록</h2> <p id="bo_vc_empty">등록된 댓글이 없습니다.</p> </section> <!-- } 댓글 끝 --> <!-- } 댓글 쓰기 끝 --> <script> jQuery(function($) { //댓글열기 $(".cmt_btn").click(function(e){ e.preventDefault(); $(this).toggleClass("cmt_btn_op"); $("#bo_vc").toggle(); }); }); </script> <script src="https://in-best.com/js/md5.js"></script> </article> <!-- } 게시판 읽기 끝 --> <script type="text/javascript" src="https://in-best.com/jQuery/snow/5sec-snow.min.js"></script> <script type="text/javascript"> $(document).ready(function($){ $.snow({ flake_number: 25, flake_folder: 'https://in-best.com/jQuery/snow/big-24/', flake_imgs: 5, linked_flakes: 0, link: '', melt: 550, wind: 50, rotation: 4, speed: 4}); //8 }); </script> <script> function board_move(href) { window.open(href, "boardmove", "left=50, top=50, width=500, height=550, scrollbars=1"); } </script> <script> $(function() { $("a.view_image").click(function() { window.open(this.href, "large_image", "location=yes,links=no,toolbar=no,top=10,left=10,width=10,height=10,resizable=yes,scrollbars=no,status=no"); return false; }); // 추천, 비추천 $("#good_button, #nogood_button").click(function() { var $tx; if(this.id == "good_button") $tx = $("#bo_v_act_good"); else $tx = $("#bo_v_act_nogood"); excute_good(this.href, $(this), $tx); return false; }); // 이미지 리사이즈 $("#bo_v_atc").viewimageresize(); //sns공유 $(".btn_share").click(function(){ $("#bo_v_sns").fadeIn(); }); $(document).mouseup(function (e) { var container = $("#bo_v_sns"); if (!container.is(e.target) && container.has(e.target).length === 0){ container.css("display","none"); } }); }); function excute_good(href, $el, $tx) { $.post( href, { js: "on" }, function(data) { if(data.error) { alert(data.error); return false; } if(data.count) { $el.find("strong").text(number_format(String(data.count))); if($tx.attr("id").search("nogood") > -1) { $tx.text("이 글을 비추천하셨습니다."); $tx.fadeIn(200).delay(2500).fadeOut(200); } else { $tx.text("이 글을 추천하셨습니다."); $tx.fadeIn(200).delay(2500).fadeOut(200); } } }, "json" ); } </script> <!-- } 게시글 읽기 끝 --> </div> </div> <div id="sidebar"> <div id="sidebar-color"></div> <div id="sidebar-border"></div> <div id="sidebar-light"></div> <div id="sidebar-texture"></div> <div id="sidebar-content"> <div id="logo"><br><br><br> <a href="https://in-best.com/index.php"><img src="https://in-best.com/images/logo.png" / class="service-tipsy animated infinite pulse" title="Welcome to"><!-- <span class='_cf' style='padding-top:32px; font-size:32px; color: #00FFFF'>    IN-BEST</span><span style='font-size:13px; letter-spacing:0.5em; color: #fff'>    <br>K·O·R·E·A</span>--></a></div> <div id="menu"> <ul class="menu current-menu-item current_page_item recent-posts-list"> <li class="menu-item"> <a href="https://in-best.com/index.php"> H O M E</a></li> <li class="menu-item"> <a href="https://in-best.com/bbs/group.php?gr_id=weare"><font style="font-family: 'Nanum Gothic',Verdana;">우리는 !?</font></a> <ul class="sub-menu"> <li class="menu-item"><a href="https://in-best.com/content/company"><font style="font-family: 'Nanum Gothic',Verdana;">인사의 말씀</font></a></li> <li class="menu-item"> <a href="https://in-best.com/site_map"><font style="font-family: 'Nanum Gothic',Verdana;">사이트 맵</font></a></li> </ul> </li> <li class="menu-item"> <a href="https://in-best.com/bbs/group.php?gr_id=community"><font style="font-family: 'Nanum Gothic',Verdana;">커뮤 니티</font></a> <ul class="sub-menu"> <li class="menu-item"> <a href="https://in-best.com/free_board"><font style="font-family: 'Nanum Gothic',Verdana;">자유 게시판</font></a></li> <li class="menu-item"> <a href="https://in-best.com/guest_book"><font style="font-family: 'Nanum Gothic',Verdana;">방   명   록</font></a></li> <li class="menu-item"> <a href="https://in-best.com/free_gallery"><font style="font-family: 'Nanum Gothic',Verdana;">자유 겔러리</font></a></li> </ul> </li> <li class="menu-item"> <a href="https://in-best.com/bbs/group.php?gr_id=portfolio"><font style="font-family: 'Nanum Gothic',Verdana;">공간 - 자료실</font></a> <ul class="sub-menu"> <li class="menu-item"> <a href="https://in-best.com/portfolio"><font style="font-family: 'Nanum Gothic',Verdana;">PORTFOLIO</font></a></li> <li class="menu-item"> <a href="https://in-best.com/pds"><font style="font-family: 'Nanum Gothic',Verdana;">DATA ROOM</font></a></li> </ul> </li> <li class="menu-item current-menu-item"> <a href="https://in-best.com/bbs/group.php?gr_id=data"><font style="font-family: 'Nanum Gothic',Verdana;">공간 - 스터디</font></a> <ul class="sub-menu"> <li class="menu-item current-menu-item"> <a href="https://in-best.com/tip_tech"><font style="font-family: 'Nanum Gothic',Verdana;">TIP & TECH</font></a></li> <li class="menu-item"> <a href="https://in-best.com/gnu5"><font style="font-family: 'Nanum Gothic',Verdana;">GNU5, PHP +</font></a></li> </ul> </li> <li class="menu-item"> <a href="https://in-best.com/bbs/group.php?gr_id=movie"><font style="font-family: 'Nanum Gothic',Verdana;">공간 - 동영상 모음</font></a> <ul class="sub-menu"> <li class="menu-item"> <a href="https://in-best.com/playalong"><font style="font-family: 'Nanum Gothic',Verdana;">playALONG</font></a></li> <li class="menu-item"> <a href="https://in-best.com/mytheme"><font >THEME &</font></a></li> <li class="menu-item"> <a href="https://in-best.com/youtube"><font style="font-family: 'Nanum Gothic',Verdana;">PAINTING &</font></a></li> <li class="menu-item"> <a href="https://in-best.com/myfavorite"><font style="font-family: 'Nanum Gothic',Verdana;">myFAVORITE</font></a></li> </ul> </li> <li class="menu-item"> <a href="https://in-best.com/formmail_skin.contacts.php" target="_self"><font style="font-family: 'Nanum Gothic',Verdana;">오시는 길 + 이-메일</font></a></li> <li class="menu-item entry-title"> <a href="https://yonghak.com" target="_new"><font style="font-family: 'Nanum Gothic',Verdana;"> YONGHAK.com SITE </font></a></li> <li class="menu-item entry-title"> <a href="https://leewell.com" target="_new"><font style="font-family: 'Nanum Gothic',Verdana;"> LEEWELL.com SITE</font></a></li> <li class="menu-item entry-title"> <a href="https://iksung.kim" target="_new"><span style="font-family: 'Nanum Gothic',Verdana;">SMART-LIFE SITE</span></a></li> <li class="menu-item entry-title"> <a href="https://cando.kr" target="_new"><font style="font-family: 'Nanum Gothic',Verdana;"> CANDO.kr SITE </font></a></li> <li id="menu-item" class="menu-item entry-title"> <a href="https://in-best.com/index.php" target="_self"><span style="font-family: 'Nanum Gothic',Verdana;">VER. '2012™</span></a></li> </ul> </div> <div id="primary" class="widget-area" role="complementary"> <ul class="xoxo"> <li id="text-5" class="widget-container widget_text"> <!-- <div class="textwidget"><span style="color: #c9b875; font-size: 13px;"></span></div> --> <div class="textwidget"><span style="color: #c9b875; font-size: 13px;"> <!-- <object type="application/x-shockwave-flash" data="http://www.uniqlo.com/calendar/swf/uqcal_bp_loader.swf?cID=KR&aID=SEO" width="160" height="320" class="flash" > <param name="movie" value="http://www.uniqlo.com/calendar/swf/uqcal_bp_loader.swf?cID=KR&aID=SEO" /> <param name="wmode" value="opaque" /> </object> --> </span></div> </li> </ul> </div> </div> <div id="sidebar-bottom"> <ul class="subscribe"> <li><a class="subscribe-fb" href="https://www.facebook.com/" target="_blank"></a></li> <li><a class="subscribe-rss" href="#"></a></li> <li><a class="subscribe-tw" href="#"></a></li> <li><a class="subscribe-fl" href="#"></a></li> <!-- <li><a class="subscribe-in" href="#"></a></li> <li><a class="subscribe-yt" href="#"></a></li> --> </ul> <p style='font-family:Georgia; font:normal 9px color:#B0F346;'><a href="/bbs/new.php">IN-BEST Stylish Ver.2012™</a> </p> </div> </div> <!-- } 콘텐츠 끝 --> <hr> <div id="bg_slider"> <img src="https://in-best.com/images/bg/Coast-PalmTreesBeach.jpg"/> <img src="https://in-best.com/images/bg/Huji-Autumn-.jpg"/> <img src="https://in-best.com/images/bg/vau-kim.jpg"/> <img src="https://in-best.com/images/bg/winter.jpg"/> <img src="https://in-best.com/images/bg/Night&Moon.jpg"/> <img src="https://in-best.com/images/bg/bg-sea+.png"/> </div> <!-- 하단 시작 { --> <!-- } 하단 끝 --> <div id="quick_menu_container"> <div class="menu_layer"> <div class="quick_row row_upper"> <a href="/index.php" class="sub_item item_company service-tipsy" title="홈~으로"> <i class="fa fa-home" aria-hidden="true"></i> </a> <a href="/content/company" class="sub_item item_notice service-tipsy" title="인사의 말씀"> <i class="fa fa-leaf" aria-hidden="true"></i> </a> <a href="#none" id="btn_more_toggle" class="" title="더보기"> <i class="fa fa-ellipsis-h" aria-hidden="true"></i> </a> </div> <a href="https://in-best.com/bbs/login.php" class="side_btn service-tipsy" title="로그인"> <i class="fa fa-sign-in-alt" aria-hidden="true"></i> </a> </div> <div class="menu_layer"> <div class="quick_row row_lower"> <a href="https://story.kakao.com" target="_blank" class="sub_item item_kakao service-tipsy" title="카카오 스토리"> <i class="fa fa-comments" aria-hidden="true"></i> </a> <a href="#none" id="btn_scroll_toggle" class="service-tipsy" title="하단으로"> <i class="fa fa-angle-down" aria-hidden="true"></i> </a> </div> <a href="/guest_book" class="side_btn service-tipsy" title="방명록"> <i class="fa fa-book" aria-hidden="true"></i> </a> </div> </div> <script> $(document).ready(function() { // --- 1. 스마트 스크롤 버튼 (현재 하단에 위치) --- var $scrollBtn = $('#btn_scroll_toggle'); var $scrollIcon = $scrollBtn.find('i'); // (1) 스크롤 감지: 끝까지 내리면 아이콘 변경 $(window).scroll(function() { if ($(window).scrollTop() + $(window).height() > $(document).height() - 100) { // 바닥에 도착 -> 위로 가기(▲) $scrollIcon.removeClass('fa-angle-down').addClass('fa-angle-up'); $scrollBtn.attr('title', '상단으로'); } else { // 그 외 -> 아래로 가기(▼) $scrollIcon.removeClass('fa-angle-up').addClass('fa-angle-down'); $scrollBtn.attr('title', '하단으로'); } }); // (2) 클릭 시 이동 $scrollBtn.click(function(e) { e.preventDefault(); if ($scrollIcon.hasClass('fa-angle-up')) { $('html, body').animate({scrollTop: 0}, 400); } else { $('html, body').animate({scrollTop: $(document).height()}, 400); } }); // --- 2. 메인 더보기 버튼 (현재 상단에 위치) --- $('#btn_more_toggle').click(function(e) { e.preventDefault(); // 메뉴 열기/닫기 $('#quick_menu_container').toggleClass('open'); // 아이콘 변경 var $icon = $(this).find('i'); if ($('#quick_menu_container').hasClass('open')) { $icon.removeClass('fa-ellipsis-h').addClass('fa-times'); } else { $icon.removeClass('fa-times').addClass('fa-ellipsis-h'); } }); // (옵션) 빈 공간 클릭 시 닫기 $(document).click(function(e) { if (!$(e.target).closest('#quick_menu_container').length) { $('#quick_menu_container').removeClass('open'); $('#btn_more_toggle i').removeClass('fa-times').addClass('fa-ellipsis-h'); } }); }); </script> <script> $(function() { // 폰트 리사이즈 쿠키있으면 실행 font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class")); }); </script> <!-- begin olark code <script type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(i){var e=window,h=document,a=e.location.protocol=="https:"?"https:":"http:",g=i.name,b="load";(function(){e[g]=function(){(c.s=c.s||[]).push(arguments)};var c=e[g]._={},f=i.methods.length; while(f--){(function(j){e[g][j]=function(){e[g]("call",j,arguments)}})(i.methods[f])} c.l=i.loader;c.i=arguments.callee;c.f=setTimeout(function(){if(c.f){(new Image).src=a+"//"+c.l.replace(".js",".png")+"&"+escape(e.location.href)}c.f=null},20000);c.p={0:+new Date};c.P=function(j){c.p[j]=new Date-c.p[0]};function d(){c.P(b);e[g](b)}e.addEventListener?e.addEventListener(b,d,false):e.attachEvent("on"+b,d); (function(){function l(j){j="head";return["<",j,"></",j,"><",z,' onl'+'oad="var d=',B,";d.getElementsByTagName('head')[0].",y,"(d.",A,"('script')).",u,"='",a,"//",c.l,"'",'"',"></",z,">"].join("")}var z="body",s=h[z];if(!s){return setTimeout(arguments.callee,100)}c.P(1);var y="appendChild",A="createElement",u="src",r=h[A]("div"),G=r[y](h[A](g)),D=h[A]("iframe"),B="document",C="domain",q;r.style.display="none";s.insertBefore(r,s.firstChild).id=g;D.frameBorder="0";D.id=g+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){D.src="javascript:false"} D.allowTransparency="true";G[y](D);try{D.contentWindow[B].open()}catch(F){i[C]=h[C];q="javascript:var d="+B+".open();d.domain='"+h.domain+"';";D[u]=q+"void(0);"}try{var H=D.contentWindow[B];H.write(l());H.close()}catch(E){D[u]=q+'d.write("'+l().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}c.P(2)})()})()})({loader:(function(a){return "static.olark.com/jsclient/loader0.js?ts="+(a?a[1]:(+new Date))})(document.cookie.match(/olarkld=([0-9]+)/)),name:"olark",methods:["configure","extend","declare","identify"]}); /* custom configuration goes here (www.olark.com/documentation) */ olark.identify('8209-793-10-8910');/*]]>{/literal}*/</script> --> <!--end olark code --> </body> </html> <!-- 사용스킨 : theme/basic -->