jQuery ready 함수 남용 분석

1650 단어 jQueryready
이전에 쓴 코드 를 살 펴 보면 이런 코드 가 많 습 니 다
 
$(function(){
//do something.
});
이 안에 초기 화 스타일,다른 dom 요소 에 이벤트 처리 등 을 추가 할 수 있 습 니 다.처음에는 아무런 문제 가 발견 되 지 않 았 지만 페이지 에서 다운로드 가 느 린 그림 을 인 용 했 을 때 문제 가 발생 했 습 니 다.페이지 html 다운로드 가 끝 났 을 때 모든 자원 을 다운로드 한 사이 에 dom 요소 에 연 결 된 이벤트 가 실행 되 지 않 고 스 크 립 트 로 연 결 된 스타일 이 잘못 되 었 습 니 다.즉,ready 가 실 행 된 것 입 니까?Ok,나의 상황 은 비교적 특수 하 다.아마도 이 상황 은 대부분의 학우 들 에 게 만 날 수 없 을 것 이다.그러나 개발 과정 에서 우 리 는 어떤 비교적 나 쁜 상황 에서 어떤 사용자 가 너의 사 이 트 를 열 었 는데 마침 너의 페이지 에 많은 그림 이 있다 는 것 을 고려 해 야 한다.그럼 기다 릴 수 밖 에 없 겠 네요...해결 방법:원래 의 모습 으로 돌아 가기 전에 우리 의 쓰기 방법 은 이 럴 수 있 습 니 다.문서 에 스 크 립 트 블록 을 삽입 합 니 다
 
<span id="test1">hello world</span>
<script type="text/javascript">
alert(document.getElementById("test1").innerHTML);
</script>
이러한 코드 는 브 라 우 저 에서 여기에 불 러 올 때 실 행 됩 니 다.여기 있 는 DOM 요소 test 1 이 script 블록 뒤에 있 으 면 이상 이 발생 할 수 있 습 니 다.저 는 페이지 로 딩 할 때 이 코드 를 실행 해 야 합 니 다.페이지 의 모든 자원 을 불 러 올 필요 가 없습니다.그래서 저 를 여기 앉 혀 서'느 린'ready 를 기다 리 게 할 필 요 는 없습니다.음,생각해 보 세 요.html 구조 페이지 에 이 script 블록 이 곳곳에 있 는 것 도 좋 지 않 고 읽 기 에 불리 합 니 다.그러면 그들 을 정리 해서 문서 의 끝 에 끌 어 올 리 세 요
 
<html>
<head>
// title、meta、link 。
</head>
<body>
Body html…….
<script type="text/javascript">
alert(" head 。。。 , , window.onLoad、$.ready ");
</body>
</html>
Ok,자원 파일 을 다운로드 해 야 스 크 립 트 를 실행 할 수 있다 면 jQuery 의 ready 를 사용 하 세 요.

좋은 웹페이지 즐겨찾기