- onload
- 웹페이지(DOM)의 로딩이 끝나는 시점(이벤트)에 실행되는 함수를 지정함
- 문서가 다 읽어지고 난 후 (로딩 후) 실행시킬 자바스크립트 코드를 넣어준다
- 1) window.onload = function(){}
- 2) <body onload = "init()">
- 위 두개를 동시에 사용할 수는 없다
// 방법 2.
var p;
function init(){
p = document.getElementById("a");
p.addEventListener("mouseover", over);
p.addEventListener("mouseout", out);
}
/* 방법 1.
var p;
function init(){
p = document.getElementById("a");
p.onmousemove = over;
p.onmouseout = out;
} */
function over(){
p.style.backgroundColor = "gold";
}
function out(){
p.style.backgroundColor = "blue";
}
//html
<body onload="init()">
<p id="a" >마우스 올리면 색 변경됨</p>
</body>
728x90
728x90
'Web > JavaScript' 카테고리의 다른 글
| 객체 (0) | 2022.07.14 |
|---|---|
| 자바스크립트 문제 (0) | 2022.07.13 |
| DOM 객체 동적 생성 (0) | 2022.07.06 |
| 자바스크립트 객체 종류 (0) | 2022.07.06 |