페이지 를 불 러 온 후 js 를 자동 으로 실행 하 는 몇 가지 방법

6476 단어 전단
JS 방법
1. html 의 body 태그 에 직접 쓰기:
load         

<body onload="load();"> 
body> 

2. JS 구문 에서 호출:
<script type="text/javascript">
	function load()   {    
	    alert("    load()");   
	}   
	/* window.onload  myfun()*/ 
	//     
	window.onload = load;
script>

3, Js 호출 onload 방법
<script type="text/javascript">
    window.onload = function(){
        load1();
        load2();
    }
script>

2. JQuery 방법
1. 전체 페이지 의 document 를 모두 불 러 온 후에 실행 합 니 다.
이 방식 은 페이지 의 DOM tree 를 모두 불 러 오 라 고 요구 할 뿐만 아니 라 모든 외부 그림 과 자원 을 모두 불 러 오 라 고 요구 합 니 다.더욱 주의해 야 할 것 은 외부 자원, 예 를 들 어 그림 을 불 러 오 는 데 시간 이 오래 걸 리 면 이 js 방법 은 실행 감각 이 비교적 느리다 는 것 이다.즉, 이것 은 가장 엄밀 한 페이지 를 불 러 오고 실행 하 는 방법 이다.
window.onload =function() { 
    $("table tr:nth-child(even)").addClass("even"); 
    //   jquery   
};

2. 모든 DOM 구 조 를 불 러 오기 만 하면 브 라 우 저가 모든 HTML 을 DOM tree 에 넣 기 전에 실행 하 는 방법 입 니 다.외부 그림 과 자원 을 불 러 오기 전에 포함 합 니 다.
$(document).ready(function() { 
    //       js  
    $("table tr:nth-child(even)").addClass("even"); 
});

혹은
$(function() { 
    $("table tr:nth-child(even)").addClass("even"); 
    //       js  
}

좋은 웹페이지 즐겨찾기