• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>jQuery Syntax</title>
7
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
8
    <script>
9
        $(document).ready( function() {
10
            $("#doc").text("문서가 전부 로드됐어요!");
11
        });
12
        $(window).load( function() {
13
            $("#win").text("창이 모두 로드됐어요!");
14
        });
15
    </script>
16
</head>
17
​
18
<body>
19
​
20
    <h1>문서와 창이 모두 로드되는 시점</h1>
21
    <p>결과보기를 다시 눌러보면서 두 시점의 차이를 살펴보세요!</p>
22
​
23
    <iframe src="/jquery/intro" width="100%" height="230px"></iframe>
24
    <p id="doc">잠시만 기다려 주세요!</p>
25
    <p id="win">잠시만 기다려 주세요!</p>
26
27
</body>
28
​
29
</html>