jQuery를 입력 기능 - 자습서의 프런트 엔드 시리즈는 볼 프로그래머 (55)에게하는


전체 C 언어 자율 학습 매뉴얼 (33)

적응을위한 안드로이드 다중 해상도 프레임 워크

JavaWeb 핵심 기술 튜토리얼 시리즈

HTML5 프런트 엔드 개발 전투 튜토리얼 시리즈

MySQL의 데이터베이스 체조 자습서 (35 그래픽 버전)

그리고 자신의 과거를 전복 - 사용자 정의보기 튜토리얼 시리즈 (10)

숲 밖으로 생각, 도로에 세트 발은 정교한 고급 에센스 기록을 개발 --Android

전면 튜토리얼 시리즈 (40 개 에피소드 무료 비디오 자습서 + 소스 코드)을 말하고자하는 안드로이드 프로그래머


저작권

  • 이 문서 원래 저자 : 컬럼비아 밸리의 동생
  • 블로그 주소 : HTTP : //blog.csdn.net/lfdfhl

입력 기능

우리는 창로드와 같은 자바 스크립트 이벤트 핸들러를 설명하기 전에 페이지가 트리거 후 때 페이지 완성 된 하중을 표시 할 때 자바 스크립트 이벤트를 학습. 다음 예는 다음과 같다 :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>JavaScript onload</title>
		<script type="text/javascript">
			window.onload=function(){
				alert("当页面加载完毕时执行该函数")
			}
		</script>
	</head>
	<body>
		<h2 id="author" style="color: red;">本文作者:谷哥的小弟</h2>
        <h2 id="blog" style="color: red;">博客地址:http://blog.csdn.net/lfdfhl</h2>
	</body>
</html>

jQuery를도 유사한 기능을 제공, 우리는 종종 시작 함수라고도합니다. 여기에서의 일반적으로 작성된 항목의 기능을 배울 수 있습니다.

공통 작성 항목 기능

구문은 다음과 같습니다 :

$(document).ready(function() {
	
});

다음 예는 다음과 같다 :

$(document).ready(function() {
	alert("page load finish");
});

두 번째 방법

구문은 다음과 같습니다 :

$().ready(function() {

});

다음 예는 다음과 같다 :

$().ready(function() {
	alert("page load finish");
});

세 가지 방법

구문은 다음과 같습니다 :

$(function() {
	
});

다음 예는 다음과 같다 :

$(function() {
	alert("page load finish");
});

실제 개발에서 코드는 일반적인 방법을 쓰기 쉽다.

진입 점과 window.load의 차이

jQuery를 입력 기능과 기본 자바 스크립트는 유사한 기능을 위해 window.onload하지만 차이가있다; 요약은 다음과 같습니다 :

  • 다른로드 모드
    로드 수행됩니다 : 자바 스크립트 기본 인터페이스는 모든 (텍스트, 사진, 등 예를 들어) 때까지 기다릴 필요를 위해 window.onload. 즉로드 jQuery를 입력 기능 인터페이스 (제외한 이미지 및 기타 리소스)에 기초하여 실행된다.

  • 다른의로드
    자바 스크립트 기본 창로드는 같은 페이지에 한 번했다. 즉 다음 온로드 덮어 쓰기 전에이 가능하지만, 페이지에 여러 개의 창로드하지만 마지막 유효을 작성합니다. 차이점은 같은 페이지와 jQuery를 입력 기능의 효과적인 구현에 여러 번 쓸 수있다.

发布了1022 篇原创文章 · 获赞 1986 · 访问量 238万+

추천

출처blog.csdn.net/lfdfhl/article/details/102657475