HTML과 자바스크립트
자바스크립트란?
자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어입니다.
HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있습니다.
자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있습니다.
현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있습니다.
script 요소
script 요소는 해당 웹 페이지에 사용할 스크립트(script)를 정의하기 위해 사용합니다.
script 요소 내부에 직접 스크립트를 작성하거나, 외부 스크립트 파일의 주소를 src 속성값으로 명시하면 됩니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML JS</title>
</head>
<body>
<h1>자바스크립트를 이용한 문장 삽입</h1>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "자바스크립트를 배워보죠!";
</script>
</body>
</html>
noscript 요소
noscript 요소는 스크립트를 지원하지 않는 웹 브라우저를 사용하는 사용자에게 보여줄 문자열을 설정할 때 사용합니다.
noscript 요소는 일반적인 HTML 문서의 body 요소 내부에 나올 수 있는 모든 요소를 포함할 수 있습니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML JS</title>
</head>
<body>
<h1>noscript태그를 이용한 대체 메세지</h1>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "자바스크립트를 배워보죠!";
</script>
<noscript>당신의 웹 브라우저는 자바스크립트를 지원하지 않습니다!</noscript>
</body>
</html>
[출처] TCPSCHOOL.com
'IT > Web' 카테고리의 다른 글
| HTML5 개요 (0) | 2020.01.31 |
|---|---|
| HTML과 XHTML (0) | 2020.01.31 |
| HTML과 CSS (0) | 2020.01.30 |
| HTML 입력 양식 (0) | 2020.01.23 |
| 파이썬을 활용한 CentOS 7 에서 Mysql DB 조회한 값을 사용자에게 HTML 메일 보내기 - 2 (0) | 2020.01.23 |
댓글