Since 2003
| 풍선도움말... |
 
|
 컴퓨터와 관련있는 모든 팁을 공유합시다.
홈페이지 로딩이 끝났을때 실행할 스크립트를 <body> 로 많이 사용합니다.
그리고 window.onload = function(){ 시작시 실행될 내용 } 이렇게도 사용할겁니다. 그런데 문제는 window.onload와 <body>는 동시에 사용을 할 수 없습니다. <body>가 실행이 되면 window.onload는 실행 되지 않습니다. 그래서 이를 해결하고자 할때 사용하는 것이 window::onload()입니다. function window::onload(){ 시작시 실행될 내용 } 이렇게 사용을 하면 됩니다. 실행 순서는 <body>가 먼저 실행되고, 이어서 window::onload()가 실행됩니다.
window 객체 뿐 아니라 다른 원하는 객체가 load 되었을 때 실행될 코드를 설정할 수도 있다. document.getElementById('myFrame').onload = function() { //실행될 코드 } 유사한 방법으로 이벤트를 직접 연결하는 함수도 만들수 있다. 이방법은 원하는 객체의 이벤트에 연결하는 것이다. window.addEventListener('load', function() { //실행될 코드 });
HTML과 JavaScript가 로드된 시점에서 발생하는 이벤트는 onload 이벤트보다 먼저 발생하기 때문에 빠른 실행속도가 필요할 때 적합하다. window.addEventListener('DOMContentLoaded', function() { //실행될 코드 }
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 |
부산광역시 부산진구 당감 4동 659-1. 좋은 소프트웨어 개발 운동본부. 대표 안득호 / sinmungo @ hotmail . com Copyright(c) 호가계부. All Rights Reserved. Since 2003. 04 |
[무료]
호가계부
