[JavaScript] Chapter 2. 기본적인 작성법 익히기(1)

Coffee Time☕·2020년 7월 16일

javascript

목록 보기
2/8

2.1 JavaScript의 기본적인 표기

<!DOCTYPE html> 
<head>
    <meta charset="UTF-8"/>
    <title>연습</title>
</head>
<body>
    //script가 시작하는 부분 
    <script type="text/javascript">
    window.alert('Hello javascript');
    </script>
    <noscript>javascript를 이용할 수 없습니다.</noscript>
</body>
</html>

Script 요소를 작성할 위치 정하기

위의 예시에서는 body 안에 속해 있다.
본 책에서는 다음과 같이 위치할 수 있다고 소개한다.

  • body 요소의 안 임의의 위치
    권장하지 않는다. 가독성이 떨어지는 방식이기 때문이다.
  • body 요소의 안 /body 직전의 위치
    기본 패턴으로 한다.
  • </ head > 요소의 안
    body의 요소로 하기 어려운 경우dl dldydgkse.
  • 외부 script import
    • 방법
      <body>
      <script type="text/javascript" src="scripts/hello.js </script>
    • 장점
      위와 같은 방식은 레이아웃과 script를 분리하여 코드를 다시끔 이용하기 편리하다.
      가능한 한 이 방식으로 script를 작성하기를 권장함.
  • inline script와 외부 script 동시에 이용하는 방식
    이 경우, src를 지정하면 script 안의 콘텐츠가 무시 되기 때문에 별도로 작성해야한다.
    <script type="text/javascript" src="scripts/hello.js>
     <script type="text/javascript">
     window.alert('Hello javascript');
     </script>
    

0개의 댓글