HTML 페이지를 로드한 후 다음 두 가지 방법으로 js를 실행합니다.

2202 단어 웹 프런트엔드
Js 메서드:

<span style="font-size:12px;line-height:1.5;">
window.onload</span>=<span style="font-size:12px;line-height:1.5;">function</span><span style="font-size:12px;line-height:1.5;"> (){

    </span><span style="font-size:12px;line-height:1.5;">var</span> userName=<span style="font-size:12px;line-height:1.5;">”xiaoming”;

    alert(userName);

}
</span>

jQuery 메서드, jQuery 파일을 참조해야 합니다.

<span style="font-size:12px;line-height:1.5;">
$(document).ready(</span><span style="font-size:12px;line-height:1.5;">function</span><span style="font-size:12px;line-height:1.5;"> (){

    </span><span style="font-size:12px;line-height:1.5;">var</span> userName=<span style="font-size:12px;line-height:1.5;">”xiaoming”;

    alert(userName);

});
</span>

또는 약자:
$(function (){

var userName=”xiaoming”;

alert(userName);

});

DOM에서 불러오기만 하면 실행할 수 있습니다. (window.onload보다 일찍)같은 페이지에 여러 번 나타날 수 있습니다.ready()
두 가지 주요 차이점: Window.οnlοad=function (){}:
문서가 브라우저에 완전히 다운로드되었을 때, window를 터치할 수 있습니다.onload 이벤트.이것은 페이지의 모든 요소가 js에 대해 조작할 수 있다는 것을 의미한다. 즉, 페이지의 모든 요소가 불러와야 실행된다는 것이다.이런 상황은 불러오는 순서를 고려할 필요가 없기 때문에 기능성 코드를 작성하는 데 매우 유리하다.
 
$(document).ready(function (){});
DOM이 완전히 준비되어 있을 때 호출됩니다.이것은 모든 요소가 스크립트에 접근할 수 있다는 것을 의미하지만, 모든 관련 파일이 다운로드되었다는 것은 아니다.다시 말하면 HTML 다운로드가 완료되고 DOM 트리로 해석되면 코드가 실행됩니다.
 
$(document)을 사용합니다.ready (function () {}) 는 일반적으로 onload 이벤트 처리 프로그램을 사용하는 것보다 낫지만, 지원 파일이 아직 불러오지 않았을 수도 있기 때문에 그림의 높이와 너비와 같은 속성이 유효하지 않을 수도 있습니다.
 
주: js를 페이지 밑에 놓는 방법과 defer="defer"를 활용하는 방법은 모두 문제가 발생할 수 있습니다.$(document)를 사용하는 것이 좋습니다.ready(function() {}) 함수.
출처:https://www.cnblogs.com/66-88/articles/6605003.html

좋은 웹페이지 즐겨찾기