javaScript 및 jQuery는 자동 로딩을 구현합니다.-JS 튜토리얼-php.cn

javaScript 및 jQuery는 자동 로딩을 구현합니다.

小云云

풀어 주다： 2017-12-07 16:01:29

원래의

1342명이 탐색했습니다.

이 기사에서는 javaScript 및 jQuery를 사용하여 자동 로딩을 구현하는 가장 간단한 코드 작성 방법을 소개합니다. 그것이 모두에게 도움이 되기를 바랍니다.

1. JavaScript 자동 로딩

①텍스트에서 onload 사용: 다음과 같이 페이지의 모든 콘텐츠(이미지 포함)가 로드된 후 onload를 실행합니다.

<body onload="alert(1)"></body>          <!-- 当有一个onload -->
<body onload="alert(2);alert(3);alert(4)"></body> <!-- 当有多个onload用分号隔开,依次弹出 2 3 4 -->

로그인 후 복사

②onload를 스크립트에서 사용합니다. : 페이지의 모든 콘텐츠(이미지 포함)가 로드된 후 다음과 같이 window.onload를 실행합니다.

window.onload = function(){...}; //正确写法，这是匿名函数

//------------↓多个window.onload的错误写法-------------
window.onload = function(){alert("text1");}; //不执行
window.onload = function(){alert("text2");}; //执行
//------------↑---------------------------------------

//------------↓多个window.onload的正确写法---------------------------
window.attachEvent("onload",function(){alert(&#39;a&#39;)});
window.attachEvent("onload",function(){alert(&#39;b&#39;)});
window.attachEvent("onload",function(){alert(&#39;c&#39;)});
//重点提示：在IE浏览器下用 (window.attachEvent)，会弹出 c b a 
//重点提示：其他浏览器下用 (window.addEventListener)，会弹出 a b c
//------------↑-----------------------------------------------------

로그인 후 복사

2. jQuery가 자동으로 로드됩니다.

① 페이지의 DOM 구조(제외) Images) ) 로드한 후 실행합니다(DOM 요소와 관련된 항목이 로드되지 않았을 수 있음). 다음과 같이 세 가지 방법으로 작성할 수 있습니다. 페이지(이미지 포함)에 다음과 같이 로드됩니다.

$(document).ready(function(){...});//写法1，全称 
$(function(){...});        //写法2，简写 
jQuery(function($){...});     //写法3，简写

로그인 후 복사

③익명함수를 즉시 실행합니다. 익명 함수를 괄호로 묶은 다음 괄호를 사용하면 익명 함수를 즉시 실행할 수 있습니다. 다음과 같이 두 가지 방법으로 작성할 수 있습니다.

(function(){...})() ; //방법 1 작성, 매개변수 없음
(function($){...})(jQuery) //방법 2 작성, 다른 변수와의 충돌을 피하기 위해 매개변수 추가.