의 차이 무엇입니까 $(window).load(function() {})및 $(document).ready(function() {})jQuery를에가?
답변
document.ready는 jQuery 이벤트이며 DOM이 준비 될 때 실행됩니다. 예를 들어 모든 요소 를 찾을 수는 있지만 반드시 모든 내용이 필요한 것은 아닙니다 .window.onload이미지 및 이와 같은 이미지 가로드 될 때 나중에 (또는 최악의 / 실패한 경우 동시에) 실행 되므로 이미지 크기를 사용하는 경우 종종이를 사용하려고합니다.
답변
$(document).ready(function() {
// executes when HTML-Document is loaded and DOM is ready
alert("document is ready");
});
$(window).load(function() {
// executes when complete page is fully loaded, including all frames, objects and images
alert("window is loaded");
});
답변
는 $(window).load()jQuery를 3.0에서 사용할 수 없습니다
$( window ).load(function() {
// Handler for .load() called.
});
이를 해결하기 위해 “이벤트 핸들러 첨부 파일”로 사용할 수 있습니다.
$( window ).on("load", function() {
// Handler for .load() called.
});
답변
차이점은 다음과 같습니다.
$(document).ready(function() { DOM이로드되면 시작되는 jQuery 이벤트이므로 문서 구조가 준비되면 시작됩니다.
$(window).load() 전체 콘텐츠가로드 된 후 이벤트가 시작됩니다.
답변
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$( document ).ready(function() {
alert( "document loaded" );
});
$( window ).load(function() {
alert( "window loaded" );
});
</script>
</head>
<body>
<iframe src="http://stackoverflow.com"></iframe>
</body>
</html>
모든 iframe 콘텐츠가로드 된 후 window.load가 트리거됩니다.
답변
$(document).ready 모든 요소가 DOM에 존재하지만 반드시 모든 내용이 아닌 경우에 발생합니다.
$(document).ready(function() {
alert("document is ready");
});
window.onload또는 $(window).load()모든 콘텐츠 리소스 (이미지 등)가로드 된 후에 발생합니다.
$(window).load(function() {
alert("window is loaded");
});
