2012-04-06 2 views
1

자바 스크립트에서 페이지로드시 자동으로 함수를 호출하는 몇 가지 방법에 대해 들어 봤습니다.이 질문은 어떤 메소드가 다른 메소드보다 우수하다는 것을 아는 것입니다.javascript에서 자동으로 함수를 호출하는 다양한 방법

귀하의 방법이 다른 모든 것과 다르면 여기에 방법을 언급하십시오.

+0

정확하게 귀하의 질문에 무엇입니까, 프로토 타입이 document.observe("dom:loaded", yourFunction) 사용의 ready(yourFunction) 함수를 사용? 네, 당신이 원하는대로 할 수있는 언로드 기능이 있습니다. –

+0

차이점을보고 싶은 옵션을 나열해야합니다. 기본적으로 이것은로드 이벤트 또는 준비 이벤트와 같은 기본 결정으로 귀결됩니다. –

+0

jQuery'$();'함수를 사용합니다; tooooo common – mshsayem

답변

4

옵션은 다음과 같습니다

  1. 그냥 페이지의 끝에 script 태그를 넣어 거기 함수 호출을 넣어. 닫기 </body> 태그 바로 앞 (또는 그 뒤)에 있으면 위의 모든 DOM 요소가 있으며 조작 할 준비가되었습니다 (reference). 이미지 및 기타 리소스가 아직로드되지 않았거나로드되지 않았을 수 있습니다. 당신이 다른 것을 할 특별한 이유가 없다면, 이것이 최선의 방법입니다. frequently recommended. 당신이 IE의 이전 버전에 표준 브라우저에 addEventListener 또는 attachEvent를 통해 후크 수 windowload 이벤트를 사용

  2. . 모든 이미지와 다른 리소스가로드 된 후주기가 늦어지는 이 발생합니다. (당신은 또한 body 태그의 구식 onload 속성을 사용하여 연결할 수 있습니다,하지만 난 그것을하지 않는 것이 좋습니다.) 표준 브라우저에

  3. , 거기에 DOMContentLoaded event 그 화재는 DOM보다 일찍 window 준비가되어 있지만, load. addEventListener을 통해 연결합니다.

  4. 대부분의 JavaScript 라이브러리는 "DOM 준비가 된 경우"이벤트를 제공합니다. jQuery를 등

+0

@AnkitGautam : 여러분의 코드를 마크 업과 섞어서 코드의 한 비트 만 "후크"할 수 있어야하기 때문입니다. 'addEventListener' /'attachEvent'를 사용하면 이벤트에 필요한만큼의 리스너를 추가 할 수 있습니다. –

관련 문제