[Java Script] #basic - html에서 js 사용하기

giyeon·2021년 6월 1일
0

java script-basic

목록 보기
1/2
post-thumbnail

js를 사용하는 방법은 두 가지가 있습니다.

html 내부에서 다루기

html에서 js를 작성하는 위치는 따로 정의되어 있지 않습니다.
하지만 코드는 위에서부터 아래로 읽기 때문에 html파일을 모두 불러오고 난 다음에 동작시키는 경우가 많아, body태그가 끝나는 지점 바로 위쪽에 작성해주는 것이 보통입니다.

<body>
  ...
  <script>
    ... js code
  </script>
</body>

js 코드를 작성하려면 script 태그를 사용해요.
js코드 중 가장 대표적인 코드는 document.write() ; 라는 코드에요.
괄호 내부에 원하는 문구를 넣게되면 브라우저 화면에 표시되는 기능을 가진 method입니다.

js파일을 따로 만들어서 사용하기

두번째로 .js 파일을 따로 만들어서 java script를 다루는 방법이 있습니다.
.js 파일을 따로 만들게되면 html 파일과 연결을 해줘야 해요.

마찬가지로 html의 body 태그가 닫히는 부분 바로 위에 script tag를 이용해서 연결을 해주는데, src부분에 js 파일의 경로를 써서 연결시켜주면 됩니다.

<body>
  ...
</script src='my_java_script.js'> </script>
</body>
profile
Web , App developer wannabe 🧑🏻‍💻

0개의 댓글