-
Html script (java script) 기본구조
Web 개발 개요;
* html 기본 구조: http://infos.tistory.com/1591
* CSS 기본 구조: http://infos.tistory.com/1592;
* Html script (java script) 기본구조: http://infos.tistory.com/1810html 내부에서 script 영역 선언
Ex1
<script> document.write(“hellow world!”); console.log("hellow world2"); </script>Ex2
2022.11.16 - Javascript Text 누름 이벤트(onClick event)
html 외부의 script파일 사용 선언
t1.js파일
var heading = document.querySelector('#heading1'); heading.onclick = function() { heading.style.color = "red"; }html파일
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> </head> <body> <h1 id="heading1"> headdddd </h1> <p id="text1"> test text </p> <script src="t1.js"></script> <!-- <script> var heading = document.querySelector('#heading1'); heading.onclick = function() { heading.style.color = "red"; } </script> --> </body> </html>Html 이벤트에는 script가 호출 된다는 약속.
<input type="button" value="hi" onclick="alert('click!')"><input type="text" onchange="alert('changed')"><input type="text" onkeydown="alert('key down')">'Html Css JavaScript' 카테고리의 다른 글
JQuery - 기본 Ex (0) 2020.06.11 Javascript - 텍스트 얻기 innerText (0) 2018.12.22 Javascript - 클립보드 복사 (0) 2018.12.22 Javascript jQuery 기본 정의 (0) 2018.09.28 CSS태그의 문단 구분 - block-level과 inline-level (0) 2018.02.03 CSS의 기본 정리 모음 (style sheet) (0) 2018.02.03 html 기본 구조 (0) 2018.02.03 style type text/css 예제 (0) 2018.02.03