tag에 id || class를 부여하여 참조가 가능하다.
ex)
<p id = "header">Hello world</p>
<script>
document.getElementById("header");
- tag의 참조값을 반환한다.
document.getElementById("header").value;
- tag의 참조값을 타고 들어가 값(value)를 반환한다.
</script>
이벤트에 대한 동작은 script태그 내에 함수(function)정의를 통해서 한다.
- 함수를 정의함과 동시에 변수에 담아서 사용할 수 있다.
- 정의된 함수는 반환형을 필수로 요하지 않는다. (return 사용을 자유자재로 할 수 있다.)
- this를 통해 자기자신(tag)의 참조값을 fucntion의 매개변수로 줄 수 있다.
<head>
<meta charset="UTF-8">
<title>ex10</title>
<script>
function pringMsg(msg) {
document.write("msg 자료형 : " + typeof msg + "<br>");
document.write("함수 호출 메세지 : " + msg + "<br>");
return "반환 데이터";
}
</script>
</head>
<body>
<script>
var data1 = 1234, data2 = "함수 선언 후 호출";
pringMsg(data1);
returnData = pringMsg(data2);
document.write("반환 데이터 : " + returnData);
</script>
</body>
비교연산자
=== or !==
- 값과 자료형까지 같은지 비교해준다.
조건식
- 0은 거짓, 이외의 수는 참으로 본다.
Date()
- new Date()로 새로 인스턴스 가능하며 인스턴스시에 바로 참조가 가능하다.
- var week = new Date().getDay();
-> getDay()
- 0 ~ 6(일 ~ 토)의 수를 반환한다.
태그의 참조값을 얻어 script 내에서 style 적용이 가능하다.
- ex) document.getElementById("아이디").style.(attribute);
- attribute : color, fontSize, fontStyle, background-color 등...
- style.visibility(hidden, visible) 설정을 통해 태그를 보이게/숨길수 (할수)있다.
태그의 참조값을 얻어 sript 내에서 text를 변경할 수 있다.
ex) 참조값.innerHTML = "(String)";
- img태그의 참조값을 통해 src또한 변경이 가능하다.
window.history.(forward || back)();
- 클라이언트의 요청 기록을 불러와 전/후로 이동할 수 있다.
window.open("URL"); or window.open("URL", "_blank or _self", "size attribute");
- 매개변수로 URL만 주게 되면 기본으로 새 창(_blank)으로 값이 설정된다. (self는 현재 창에서 띄워준다)
- size attribute 설정을 통해 띄워줄 창의 크기를 설정할 수 있다. (position attribute도 사용 가능하다(top, bottom, left, right))
confirm("(String)");
- 확인/취소를 누를 수 있는 알람창을 String과 함께 띄워준다.
- 확인 = return true;
- 취소 = return false;
tag에 다양한 이벤트 설정이 가능하다.
ex) onclick, onBlur, onkeypress 등...
- 자주 사용되는것 외에는 검색 or ctrl + spacebar를 통해 찾아서 사용할 수 있다.
'JAVA Script' 카테고리의 다른 글
| JavaScript 자료형 ( var, const, let ) (0) | 2022.12.09 |
|---|---|
| Java Script(3) (0) | 2022.09.20 |
| Java Script(1) (0) | 2022.09.16 |
