2024년 4월 21일
작성자 : 남상민
<!DOCTYPE html>
<html>
<head>
<title>Hello</title>
<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
</head>
<body>
Hello
<a href="/hello">Link</a>
</body>
</html>
spring boot api 기능 찾기
| 사용자동작 | 속성 | 주 적용 태그 및 사용법 |
|---|---|---|
| 클릭 | onclick | 모든 태그에 적용할 수 있다. |
| <input type=“button” onclick=“자바스크립트 코드”> | ||
| 로딩 | onload | <body>태그에만 정의할 수 있다. |
| 로딩- 브라우저가 실행된 후 HTML파일 요청하여 그리기 시작할 때. | ||
| <body onload=“자바스크립트코드”> | ||
| 키가 눌릴 때 | onkeydown | 키 입력이 가능한 태그 |
| <input type=“text,password”>, <textarea> | ||
| <input type=“text” onkeydown=“자바스크립트 코드”/> | ||
| <input type=“text” onkeyup=“자바스크립트 코드”/> | ||
| 키가 올라올 때 | onkeyup | |
| 값이 변경될 때 | onchange | <select>, 키 입력이 가능한 태그 |
| <select onchange=“자바스크립트코드”> |
<input type=“text” onchange=“자바스크립트 코드”>
커서가 들어왔을 때 값과 커서가 빠져나갔을 때의 값이 다르면 동작. | | 커서가 빠져 나갔을 때 | onblur | 키 입력이 가능한 태그 <input type=“text,password”>,<textarea>
커서가 빠져나가면 호출된다., <input type=“text” onblur=“자바스크립트 코드”/> | | 마우스 포인터가 올라왔을 때 | onmouseover | 모든 태그 <div onmouseover=“자바스크립트 코드”></div> <img src=“” onmouseover=“자바스크립트코드”> | | 마우스 포인터가 빠져나갔을 때 | onmouseout | | | 더블클릭 | ondblclick | 모든 태그에 적용할 수 있다. <input type=“button” ondblclick=“자바스크립트 코드”> |
sessionStorage
접속자의 웹 브라우저가 열려있는 동안에만 유지되는 storage
접속자의 정보를 다음 번 접속에 사용할 수 없다.
키와 값의 쌍으로 이루어져있다.
Cookie와 다르게 다양한 데이터형을 저장할 수 있다.