HTML 과 JS 의 만남
4971 단어 JavaScriptJavaScript
HTML과 JS 의 관계
html : "정보"라고 하는 멈춰있는 이미지를 그리는 것 (정적)
JavaScript : 그 이미지를 영화처럼 움직이게 하는 것 (동적, 사용자의 조작에 의해서 프로그램이 움직임)
script
tag
<body>
<h1>JavaScript</h1>
<script>
document.write(1+1);
</script>
<h1>html</h1>
<p>1+1</p>
</body>
html 에서의 1+1 텍스트는 그대로 출력되지만, 자바스크립트는 동적으로 작동하여 1+1 = 2 로 계산까지 가능하다
- event
<body>
<input type="button" value="hi" onclick="alert('hi')">
<input type="text" onchange="alert('changed')">
<input type="text" onkeydown="alert('key down!)">
</body>
- HTML의 사용설명서엔 onclick, onchanged, onkeydown 이라는 속성의 값으로는 js가 와야한다고명시되어 있다
- 웹 브라우저 위에서 일어나는 일들 = event
- event = onclick (사용자가 클릭시) , onchanged (사용자가 입력내용변경시) , onkeydown (사용자가 키보드를 입력할시) 등
- event를 이용하여 사용자와 상호작용이 가능하다
Author And Source
이 문제에 관하여(HTML 과 JS 의 만남), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@suyeonp/HTML-과-JS-의-만남저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)