yohanistory

document.getElementById document.getElementById("id") 는 html문서에서 해당 아이디를 가진 객체(태그)를 반환한다. var st = document.getElementById("box"); st.style.width = "100px"; st.style.width = (parseInt( st.style.width ) + 100) + "px"; document.getElementsByClassName html문서에서 해당 클래스 이름을 가진 객체(태그)를 반환한다. var obj = document.getElementsByClassName("enemy"); 예 setWidth

addEventListener 자바스크립트에서는 특정 HTML 요소에 이벤트 리스너를 추가하여, 이벤트 조건이 발동 되었을 때(클릭 등) 이벤트 핸들러 함수를 실행시킬 수 있다. 이벤트에는 "click", "mousedown", "mouseup", "mouseover" 등 다양한 이벤트가 있다. 사용법 var st = document.getElementById("stalker"); st.addEventListener('이벤트종류', '함수이름'); 예 내버튼 addEventListener 등으로 등록 할 수 있는 이벤트는 여러 종류가 있다. 그 중 가장 자주 쓰이는 이벤트 목록이다. change 변동이 있을시 발생 click 클릭시 발생 focus 포커스를 얻었을때 발생 keydown 키를 눌렀을때 발생..

전역 콜백 함수 자바스크립트는 특수한 글로벌 콜백 함수를 지니고 있다. 예를 들어 window.onload 라는 변수는 함수 자체를 나타내는데, 이 함수에 자신이 원하는 함수를 대입하면 그 함수는 문서가 모두 로드 됬을 때 실행된다. window.onresize : 화면 크기가 바뀌었을 때 실행 window.onerror : 에러가 발생 했을 때 실행 window.onmousemove : 마우스가 움직였을 때 실행 window.onmousedown : 마우스를 눌렀을 때 실행 window.onmouseup : 마우스를 눌렀다 떼었을 때 실행 window.onkeydown : 키보드를 입력했을 때 실행 window.onkeyup : 키보드를 눌렀다 떼었을 때 실행 이외에도 다양한 글로벌 콜백 함수가 존재한..

display:none = 유령 해당 Tag와 그 내부의 모든 Tag의 내용을 없애버린다. 해당 Tag가 점유하고 있던 block을 아예 없애고, 화면 상엔 원래 없었던 것처럼 나타나게 된다 visibility:hidden = 투명인간 해당 Tag와 그 내부의 모든 Tag의 내용을 숨겨버린다. 이는 없애는 게 아니라 보이지만 않게 하는 터라 해당 Tag가 점유하고 있던 공간은 공란으로 나타나게 된다

HTML의 인코딩 방식 때문에 한글이 깨질 때가 있다. 이는 브라우저에서 인식하는 인코딩 방식과 html 파일의 인코딩 방식이 달라 생기는 문제인데 둘 다 하나의 인코딩 방식으로 통일해 주면 된다. 먼저 html 파일의 인코딩 방식 설정은 에디터(개발툴, IDE) 설정에서 가능하다. 브라우저의 인코딩 방식 설정은 웹사이트에서 인코딩 관련 태그를 전송 해 주는 방법이 있다. UTF-8 인코딩 방식을 많이 사용하므로 예를 들어보면 XHTML의 경우 아래 코드를 태그 안에 삽입한다. HTML5의 경우 아래 코드를 태그 안에 삽입한다.