초급의 끄적거림

img 태그 사용 시, 해당 이미지에 마우스 오버하면 마우스 모양이 손가락 모양으로 img 태그에 아래와 같은 스타일을 적용해줌 style="cursor:pointer"

자바스크립트의 문자열 내에서 특수문자를 사용하고 싶을 때 이스케이프 시퀀스 사용 가능 사용 방법 \ (역슬래쉬)를 붙여서 사용 가능함. 시퀀스 의미 \0 널 문자 \b 백스페이스 \t 수평 탭 \n 줄바꿈 \v 수직 탭 \f 폼 피드 \r 캐리지 리턴 \" 큰 따옴표 \' 작은 따옴표 \\ 역슬래시

confirm '예/아니오' 를 선택하여 true/false를 구분하여 이벤트를 실행할 수 있음 예시 if(!confirm("확인 또는 취소를 눌러주세요.")){ alert("취소 되었습니다."); }else{ alert("확인 되었습니다."); }

문제사항 window.open() 으로 팝업을 띄웠을 때, 크롬에서는 스크롤바를 사용하여 화면 조절이 가능하지만 익스플로러 (IE)에서는 스크롤바가 발생하지 않음 해결방법 아래와 같은 옵션을 추가 해야하고 이 때 값은 yes 와 1 둘 다 사용 가능함 scrollbars=yes scrollbars=1 실전예제 주의 :: scrollbar 에서 s를 빼먹지 않도록!! //IE에서 스크롤바 노출X window.open(tistory.html, 'popup1', 'width=500, height=300'); //IE에서 스크롤바 노출O window.open(tistory.html, 'popup1', 'width=500, height=300, scrollbars=1');

IE는 곧 마이크로소프트사에서 지원 종료를 하면서 역사의 뒤안길로 사라지게 되었으나 국내에서는 아직까지 IE의 사용이 지속 되는 곳이 있다. 때문에 IE에서도 사용이 가능하도록 개발이 되어야 하는데 toElement의 경우 IE9나 크롬에서는 지원이 되지만 IE8에서는 지원이 되지 않아서 차선책이 필요하다. toElement의 기능 마우스가 현재 가리키는 요소 확인 차선책 event.toElement > event.target event.target

var year = 2021; var checkedStr = 'selected'; for (var i=0; i

$(document).ready(function(){ }); 와 $(function(){ }); 는 동일의미

// 익스플로러 체크 var agent = navigator.userAgent.toLowerCase(); if ( (navigator.appName == 'Netscape' && navigator.userAgent.search('Trident') != -1) || (agent.indexOf("msie") != -1) ) { alert("인터넷 익스플로러 브라우저 입니다."); }else { alert("인터넷 익스플로러 브라우저가 아닙니다."); } // 크롬 체크 var agent = navigator.userAgent.toLowerCase(); if (agent.indexOf("chrome") != -1) { alert("크롬 브라우저입니다."); } // 사파리나 체크 var agent = navi..