HTML 페이지를 로드한 후 다음 두 가지 방법으로 js를 실행합니다.
2202 단어 웹 프런트엔드
<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
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
highcharts 데이터 테이블 설정 두 가지 등효 방식의 쓰기텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.