onload와ready 비교

대부분의 경우 jquery 코드의 작성은 jquery의 코드를

$(document).ready(function(){
      ........jquery  ...........
});

위 코드 및

$().ready(function(){
      ........jquery  ...........
});

$(function(){ ........jquery  ........... });

똑같아요~~ 마지막 방식은 가장 간결한 방식이에요. 절대 다수의 상황에서 저는 마지막 글씨를 씁니다. 하하~~ 기억하기 좋아요!

주의: 때때로 우리가 직접 작성한 jquery 코드에 이상한 문제가 생겨서 정상적인 코드로 보이지만, 실행할 때 오류가 발생할 수 있습니다. 코드가 $(document) 에 놓여 있는지 확인하십시오.ready () 방법에서 실행됩니다.

다음은 $(document) 를 말씀드리겠습니다.ready () 방법과 window.onload 방법의 차이점: 그들의 주요 차이점은 두 가지가 있다.
1. 실행 시기
　　window.onload 방법은 웹 페이지의 모든 요소 (요소를 포함한 모든 관련 파일) 를 브라우저에 완전히 불러온 후에 실행합니다.jQuery의 $(document)를 통해ready () 방법으로 등록된 이벤트 처리 프로그램은 DOM이 완전히 준비되었을 때만 호출할 수 있습니다. 예를 들어 한 장의 그림이 라벨만 완성되면 이 그림이 불러올 때까지 기다리지 않고 그림의 넓은 속성이나 스타일을 설정할 수 있습니다.

2. 귀속 결과
　　$(document).ready () 방법은 여러 번 사용해서 다른 이벤트 처리 프로그램을 등록할 수 있으며, window.onload는 한 번에 한 함수에 대한 인용만 저장할 수 있고, 여러 번 귀속된 함수는 앞의 함수만 덮어씁니다.

윈도우부터 볼게요.onload 방법은 한 페이지에 두 번 등록하면 어떤 결과가 나올지:

function one(){
	alert("one");
}
function two(){
	alert("two");
}
window.onload = function(){two();}
window.onload = function(){one();}

위의 코드가 실행되면 "원"이 팝업됩니다.

$(document) 를 다시 봅시다.ready () 방법을 두 번에 나누어 호출하면 어떤 결과가 나올까요?

function one(){
	alert("one");
}
function two(){
	alert("two");
}
$(document).ready(function(){
	one();
});
$(document).ready(function(){
	two();
});

위의 코드가 실행되면 각각'원'과'투'가 팝업됩니다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

onload와ready 비교

대부분의 경우 코드의 작성은 jquery의 코드를 위 코드 및 똑같아요~~ 마지막 방식은 가장 간결한 방식이에요. 절대 다수의 상황에서 저는 마지막 글씨를 씁니다. 하하~~ 기억하기 좋아요! 주의: 때때로 우리가 직...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

onload와ready 비교

좋은 웹페이지 즐겨찾기