Dylan_Han
IT Blog
Dylan_Han
전체 방문자
오늘
어제
  • 전체 (19)
    • Front-End (8)
      • HTML (8)
    • SW (11)
      • Python 기초 (7)
      • Python 심화 (4)

블로그 메뉴

  • Github
  • 방명록

공지사항

인기 글

태그

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Dylan_Han
Front-End/HTML

6-1. HTML 확장(JavaScript)

Front-End/HTML

6-1. HTML 확장(JavaScript)

2022. 10. 9. 13:21

1. 자바스크립트란?

  • 자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어입니다.
  • HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있습니다.
  • 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있습니다.
  • 현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있습니다.

1-1. script 요소

  • script 요소는 해당 웹 페이지에 사용할 스크립트(script)를 정의하기 위해 사용합니다.
  • script 요소 내부에 직접 스크립트를 작성하거나, 외부 스크립트 파일의 주소를 src 속성값으로 명시하면 됩니다.
<script>
    document.getElementById("demo").innerHTML = "자바스크립트를 배워보죠!";
</script>

결과


1-2. noscript 요소

  • noscript 요소는 스크립트를 지원하지 않는 웹 브라우저를 사용하는 사용자에게 보여줄 문자열을 설정할 때 사용합니다.
  • noscript 요소는 일반적인 HTML 문서의 body 요소 내부에 나올 수 있는 모든 요소를 포함할 수 있습니다.
<script>
    document.getElementById("demo").innerHTML = "자바스크립트를 배워보죠!";
</script>
...
<noscript>당신의 웹 브라우저는 자바스크립트를 지원하지 않습니다!</noscript>

결과

더보기

참고 : http://tcpschool.com

  • 1. 자바스크립트란?
  • 1-1. script 요소
  • 1-2. noscript 요소
'Front-End/HTML' 카테고리의 다른 글
  • 6-2. HTML 확장(XHTML)
  • 6. HTML 확장(CSS)
  • 5. HTML 입력 양식
  • 4. HTML 공간 분할
Dylan_Han
Dylan_Han

티스토리툴바

단축키

내 블로그

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

블로그 게시글

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

모든 영역

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

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