-
HTML에 JavaScript를 적용 하는 법카테고리 없음 2022. 7. 20. 19:34
웹 브라우저가 작성된 코드를 해석하는 과정에서 script 요소를 만나면
HTML 해석을 잠시 멈추고 script 요소를 먼저 실행한다.
(script 요소는 등장과 함께 실행)<script src="myScriptFile.js"></script><head> 안쪽에 삽입하는 경우 // 1 <body> 요소가 끝나기 전에 삽입하는 경우 //2(HTML에서 JavaScript 파일을 불러올 때 주의점)
html,css 요소들이 모두 렌더링 된 후 js 요소들을 실행하기 때문에
화면 로딩에 걸리는 시간이 적어서 </body> 직전에 넣는 것을 추천한다.<input type="text"> 또는 <textarea>와 같은 엘리먼트의 입력 값을 설정하거나, 또는 얻어내려면 어떤 속성을 사용해야 할까요? // value 예를 들어, <input type="text" id="username">의 값을 가져오려면, 다음과 같이 접근합니다. console.log(document.querySelector('#username').value); 값을 설정할 수도 있습니다. document.querySelector('#username').value = '새로운 값';