-
JavaScript
(js-1165
, 2019.07.05)
document.addEventListener() 예제
<p>클릭하면 텍스트 입력</p>
<h1 id="demo"></h1>
<script>
document.addEventListener("click", function(){
…
-
JavaScript
(js-1164
, 2019.07.05)
activeElement 예제
<body onclick="homzzang()">
<input type="text" value="홈짱닷컴 Homzzang.com">
<button>클릭</button>
<p id="demo"></p&…
-
JavaScript
(js-1123
, 2019.06.30)
모든 JS 객체는 프로토 타입에서 속성과 메서드를 상속.
객체 생성자
이전 시간에 배운 내용 복습
<p id="demo"></p>
<script>
function Site(nameValue, hostValue, openValue) {
…
-
JavaScript
(js-1122
, 2019.06.30)
ObjectConstructor 예제1 - 단일 객체 생성
<p id="demo"></p>
<script>
// Hz객체 생성자함수
function Hz(site, host, year) {
this.siteName = site;
…
-
JavaScript
(js-1138
, 2019.06.30)
목차
CSS 스타일 속성값 반환
style 객체 정의
style 객체의 속성
style 객체 (접근/생성)
CSS 스타일 속성값 반환
[JavaScript 방식]
방법1 - (주의: 인라인스타일만 가능.)
var…
-
JavaScript
(js-1136
, 2019.06.30)
목차
navigator 객체 정의
navigator 객체의 속성
navigator 객체의 메서드
navigator 객체 정의
브라우저에 대한 정보가 들어 있음.
공식 표준은 없지만, 모든 주요 브라우저가 지원.
…
-
JavaScript
(js-1130
, 2019.06.30)
목차
Event 정의
Event 구문 - addEventListener 사용 권장
Event 종류 (abc순)
Event 속성/메서드 (abc순)
Event 정의
이벤트는 사용자나 서버에 의해 어떤 동작이나 사건이 발생한…
-
JavaScript
(js-1128
, 2019.06.30)
목차
Document 객체 정의
Document 객체 속성/메서드
Document 객체 정의
HTML 문서가 웹 브라우저에 로드되면 document 객체 됨.
(※ document 객체는 HTML 문서의 루트 노드임.)
…
-
JavaScript
(js-1127
, 2019.06.30)
목차
console 객체 정의
console 객체의 메서드
console 객체 정의
콘솔 객체는 디버깅 (= 에러 제거) 위한 콘솔 (= 명령어 입력방식의 도구) 제공.
1.
…
-
CSS
(css-277
, 2019.04.08)
목차
var() 예제 - 사용자정의 속성/속성값 변수 호출
var() 정의
var() 구문
:root 선택자 선언 예제
var() 예제 - 사용자정의 속성/속성값 변수 호출
<style>
:root {
…