JS 및 jQuery 문서가 로드될 때 코드를 작성하는 방법은 무엇입니까?

HTML에는 실행 순서가 있으며 기본값은 하향식 실행입니다. 따라서 js 코드가 html 코드 아래에 있으면 정상적으로 실행될 수 있지만, js 코드가 html 코드 위에 있으면 정상적으로 실행될 수 없습니다. 이때 문서가 로드될 때까지 기다려야 합니다.

1. jQuery 프레임워크를 도입하지 않고 네이티브 JS 코드만 작성할 때는 윈도우 객체의 onload 이벤트를 사용해야 합니다

window.onload = function(){
  //要执行的js代码段  
}

(function($,window,document,undefined){
    //要执行的js代码段
})(jQuery,window,document);

🎜🎜#(3)을 보호하기 위해 이것을 사용합니다. 형식 매개변수의 $는 jQuery의 약어입니다. 여기서 $도 사용합니다. $Variable 충돌을 피하기 위한 jQuery 객체는 여러 플러그인이 정상적으로 실행될 수 있도록 보장합니다(jQuery만 도입된 경우에는 이 내용을 작성할 필요가 없습니다).

(4). window 및 document는 각각 전역 환경에 있으며 함수 본문의 window 및 document는 실제로 전역 창 또는 문서 객체가 아닌 지역 변수입니다. 이렇게 하면 성능이 향상되고 범위 쿼리 시간이 단축될 수 있다는 장점이 있습니다(함수 본문에서 창이나 문서 개체를 여러 번 호출해야 하는 경우 창이나 문서 개체를 매개 변수로 전달하는 것이 매우 필요합니다. 이 두 객체는 ​​코드에서 사용되지 않으므로 이 두 매개변수를 전달할 필요가 없습니다)

(5) undef를 사용하는 이유:

①Because undefed입니다. 윈도우의 속성. 지역 변수로 선언된 후 함수에 undefine과 비교되는 다른 변수가 있는 경우 프로그램은 윈도우 아래에서 undefine을 검색할 필요가 없으므로 프로그램의 성능을 향상시킬 수 있습니다.

2이 추가됩니다. 더 일반적으로 사용되는 작성 방법:

$(document).ready(function(){
    //要执行的js代码段
});

#🎜🎜 #3. 가장 간단한 작성 방법:

$(function(){
    //要执行的js代码段
});

(참고: 자세한 내용은 위 방법과 동일합니다. )

3. 요약: 문서를 로드한 후 작성하는 방법에는 여러 가지가 있을 수 있으므로 실제 상황과 개인 습관에 따라 사용해야 합니다.

위 내용은 JS 및 jQuery 문서가 로드될 때 코드를 작성하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!