반응형 JavaScript4 [JavaScript] HTML에 JavaScript 포함 방법, 실행 순서 HTML에 포함시키는 방법 Inline JavaScript Internal JavaScript External JavaScript 1. Inline 방식 (지양) HTML태그 내에 간단한 소스를 작성해서 실행되게 하는 방식 고전적인 방식으로 가독성이 떨어지고, 유지보수에 비효율적 2. Internal 방식 스크립트 포함 방법 script 태그 영역에 스크립트를 작성하여 실행하는 방식 태그 내에 포함시키거나 태그의 끝에 포함 에 포함시킬 경우, 스크립트 파일이 크거나 사용자의 인터넷 환경이 느릴 경우 로딩 시간이 길어짐 의 끝에 포함시킬 경우, HTML은 빨리 볼 수 있지만 웹사이트가 자바스크립트에 의존적인 경우에는 로딩시간이 길어짐 3. External 방식 별도의 js 파일로 작성하여 가져와서 실행되는.. 2021. 9. 17. [JavaScript] 예약어 목록 여기에 있는 단어는 변수이름으로 사용해서는 안된다. 예약어를 이름으로 사용할 수도 있는 몇 가지 예외는 있지만, 그런 경우에도 예약어를 이름으로 사용하지 않는다. arguments await break case catch class const continue debugger default delete do else enum eval export extends false finally for function if private protected public return static super switch this throw true try typeof undefined var void while with yield 2021. 9. 16. [javascript] input 텍스트 초기화 버튼 clear버튼을 누르면 텍스트 상자 내용이 초기화 된다. html Clear js function reset(){ document.querySelectorAll("input[type=text]")[0].value=""; } input type text reset button 2021. 9. 3. [javascript/es6] 딤처리 레이어 팝업 예제 자바스크립트 최신문법 딤처리 팝업(모달) 예제 1. HTML 1번 팝업 × 1번 팝업. 2번 팝업 × 2번 팝업. 3번 팝업 × 3번 팝업. 2. CSS .modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000; background-color: rgba(0, 0, 0, .4) } .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; wid.. 2021. 8. 6. 이전 1 다음 반응형