Media Log

[defer]에 해당되는 글 1

  1. 자바스크립트 efer 속성 사용법 2008.06.30

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>무제 문서</title>
<script type="text/javascript">
//<![CDATA[
 alert("먼저 뜬다");
//]]>
</script>
<script type="text/javascript" defer="defer">
//<![CDATA[
 alert("나중에 뜬다");
//]]>
</script>
</head>
<body>
대한민국 만세<br />
<script type="text/javascript">
//<![CDATA[
 var dt = Date();
 var msg = '<h3>hello world ' + dt + '</h3>';
 document.writeln(msg);
//]]>
</script>
</body>
</html>

defer를 사용할 경우 html문서를 먼저 파싱하고 나서 자바스크립트를 파싱한다.

* 자바 스크립트는 외부 파일로 만들어서 쓰는 것이 좋다. (한번 읽은 문서는 캐싱이 되어서 자바스크립트를 요청한다.)