[JavaScript] JavaScript 사용

2024. 5. 16. 22:18· FrontEnd/JavaScript
목차
  1. 1.JavaScript
  2. 2.JavaScript 작성법
  3. 3.자바스크립트 포함방법
  4. 3-1.<head>태그 또는 <body> 태그 내에서 작성
  5. 3-2. HTML 태그 안에 속성값으로 정의
  6. 3-3.외부파일에서 참조
728x90


 

1.JavaScript

웹문서를 동적으로 제어하기 위해 고안된 프로그래밍 언어다.

 

 

2.JavaScript 작성법

  • 대소문자 구분 작성
  • 세미콜론으로 문장 구분
  • "" '' 구분 사용

 

 

3.자바스크립트 포함방법

3-1.<head>태그 또는 <body> 태그 내에서 작성

<head>태그 또는 <body> 태그 내부에 script 부분을 작성한다.
<html>
<head>
    <script>
        document.write(" script head에 작성");
    </script>
</head>

<body>
    <script>
        document.write("script body에 작성");
    </script>
</body>

</html>

 

 

3-2. HTML 태그 안에 속성값으로 정의

버튼을 누르면 함수가 실행되게한다.
<html>
<head>
</head>

<body>
    <script>
        function run(){
            document.write("버튼누르면 작동함");
        }
    </script>
    <button type="button" onclick="run();">aa</button>
</body>

</html>

 

 

 

 

3-3.외부파일에서 참조

외부에 자바스크립트 파일을 생성한뒤 
html 파일에서 참조하였다.

<html>
<head>
    <script src="./study_1.js"></script>
</head>

<body>
</body>

</html>

 

 

 

728x90
저작자표시 (새창열림)

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

[JavaScript] 조건문, 반복문  (0) 2024.05.20
[JavaScript] 연산자  (0) 2024.05.20
[JavaScript] 데이터 타입과 변수  (0) 2024.05.19
  1. 1.JavaScript
  2. 2.JavaScript 작성법
  3. 3.자바스크립트 포함방법
  4. 3-1.<head>태그 또는 <body> 태그 내에서 작성
  5. 3-2. HTML 태그 안에 속성값으로 정의
  6. 3-3.외부파일에서 참조
'FrontEnd/JavaScript' 카테고리의 다른 글
  • [JavaScript] 함수
  • [JavaScript] 조건문, 반복문
  • [JavaScript] 연산자
  • [JavaScript] 데이터 타입과 변수
아사_
아사_
프로그래밍 공부한거 정리해두는 메모장 블로그
아사_
개발공부 블로그
아사_
전체
오늘
어제
  • 분류 전체보기 N
    • FrontEnd
      • html
      • css
      • JavaScript
      • Node.js
      • React
      • React Native
    • BackEnd
      • SpringBoot
      • FastAPI
      • PHP
      • Flask
      • supabase
    • Language
      • Python
      • JAVA
      • Kotlin
      • C++
    • Development Tools N
      • AWS N
      • GIT,GITHUB
      • Docker
      • 메시지 브로커
      • 기타 도구,플랫폼
    • Computer Science
      • 개발지식
      • Server&Network
      • Algorithm&DataStructure
      • Security
      • DataBase
      • OS
    • AI
    • 기타
      • 잡다
      • Android
      • 도서
    • 클론코딩
      • 생활코딩 Express.js
      • 점프 투 장고
      • 생활코딩 Node.js
    • 프로젝트
      • DevQuest

인기 글

최근 글

250x250
hELLO · Designed By 정상우.v4.2.2
아사_
[JavaScript] JavaScript 사용
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.