728x90 300x250 SMALL javaScript545 자바스크립트 공부하기 좋은 사이트 자바스크립트 상세한 설명(국내 저자) https://poiemaweb.com/ 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com 자바스크립트 상세한 설명(영어 저자 번역) https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info MDN web docs https://developer.mozilla.org/ko/docs/Web 개발자를 위한 웹 기술 | MDN 웹의 개방성은 개발자들에게 많은 기회를 제공합니다. 하지만 웹 기술을 잘 활용하려면 우선 그 사용 방법을 잘 알아야 합니다. 아래의 링크들을 확인하여 다양한 웹 기술을 배워보세요. developer.mozilla.o.. 2022. 5. 18. hasClass를 javaScript로 표현하기 classList.contains()를 이용해서 hasClass 기능을 javaScript로 표현할 수 있다. Element.classList는 엘리먼트 클래스 속성의 컬렉션인 활성 DOMTokenList를 반환하는 읽기 전용 프로퍼티 이다. Element.classList의 메서드 중에서 contains(String)를 사용하면 지정한 클래스 값이 엘리먼트의 class 속성에 존재하는지 확인할 수 있다. 요소에서 클래스 찾기 if (document.body.classList.contains('foo')) { // body 엘리먼트에 foo라는 클래스가 있을 경우 } 클래스에서 클래스 찾기 if (document.querySelector(".section").classList.contains("foo").. 2022. 5. 17. Document.readyState 자바스크립트 Document.readyState document의 로딩 상태를 확인 할 수 있다. Document.readyState의 속성 값이 변경 되면 이벤트가 일어난다. Syntax var string = document.readyState; radyState 상태 uninitialized - 아직 로딩 시작 되지 않음 loading - document 로딩 중 interactive - 문서의 로딩은 끝나고 해석 중 이지만 images, stylesheets, frames와 같은 하위 자원들은 로딩되고 있는 상태 complete - 문서와 모든 하위 자원들의 로드가 완료된 상태 ( load 이벤트가 발생되기 직전의 상태) 사용 방법 switch (document.readyState) { case "loadin.. 2022. 5. 16. 뒤로가기 금지 스크립트 2022. 5. 15. 이전 1 ··· 93 94 95 96 97 98 99 ··· 137 다음 728x90 반응형 LIST