반응형
Notice
Recent Posts
Recent Comments
Link
«   2024/11   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Tags more
Archives
Today
Total
관리 메뉴

개키우는개발자 : )

자바스크립트 사용하기 본문

JavaScript/JavaScript

자바스크립트 사용하기

DOGvelopers 2019. 5. 10. 20:07
반응형

마크업

<script> 태그에는 몇 가지 속성이 있습니다.

 

type속성 : <script type="text/javascript">..

옛날 표준인 HTML4 에는 type="text/javascript"라는 속성이 필요했습니다. HTML5부터는 사용하지 않아도 됩니다.

HTML5 에선 불필요한 MIME 유형을 제공하기보다는 속성을 생략할 것을 권장합니다.

 

language 속성 : <script language="javascript">..

스크립트 언어를 표시하기위한 속성입니다. 이속성은 표준화되지 않았습니다. type 속성을 대신 사용해야 합니다.

결국 사용하지 말라는 거죠.

 

src 속성 : <script src="...">..

만약 외부 스크립트를 사용하신다면 사용하고자 하는 스크립트의 경로를 설정하여 HTML

<head></head> 사이 또는 

스크립트 사용방법

<script> </script> 태그 방식

 

script 태그 사이에서 자바스크립트 코드가 바로 실행이 됩니다.

삽입 위치는 어디든 상관없이 실행은 됩니다. 하지만 스크립트는 load 진행 순서? 가 있기 때문에

그 부분은 나중에 ^^~ 작성하고 일단 <script> 태그 방식이 있습니다.

<!DOCTYPE HTML>
<html>
<body>

  <p>Before the script...</p>
  
  <script>
    alert( 'Hello, world!' );
  </script>
  
  <p>...After the script.</p>

</body>
</html>

 

외부 스크립트 방식 ( External scripts )

 

JavaScript 코드 량이 많으면 별도의 파일에 넣을 수 있습니다.

<!DOCTYPE HTML>
<html>
<head>
  <script src="/path/to/script.js"></script>
</head>
<body>

  <p>Before the script...</p>
  
  <p>...After the script.</p>

</body>
</html>

 

또는 URL을 넣을 수 있습니다.

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>

여러 개의 스크립트를 첨부하여 사용할 수 있습니다.

<script src="/js/script1.js"></script>
<script src="/js/script2.js"></script>
…

이와같은 경우에는 사용할 수 없습니다.

<script src="file.js">
  alert(1); // the content is ignored, because src is set
</script>

참고 : https://javascript.info/hello-world

 

Hello, world!

 

javascript.info

 

반응형
저작자표시 동일조건

'JavaScript > JavaScript' 카테고리의 다른 글

자바스크립트 비교 연산자  (0) 2019.05.15
자바스크립트 코드 구조 및 주석  (0) 2019.05.14
자바스크립트 스위치( switch ) 조건문  (0) 2019.05.14
자바스크립트 연산자  (0) 2019.05.11
자바스크립트 란?  (0) 2019.05.10
'JavaScript/JavaScript' Related Articles more
Comments