English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
JavaScript는 HTML 페이지에 더 강한 동적, 상호작용성을 제공합니다. JavaScript를 통해 웹 페이지 효과를 구현할 수 있습니다。
스크립트 삽입
스크립트를 HTML 문서에 삽입하는 방법
<noscript> 태그 사용
스크립트를 지원하지 않거나 비활성화된 브라우저에 대한 대응 방법
<script> 태그는 클라이언트 스크립트를 정의하는 데 사용됩니다. 예를 들어, JavaScript。
<script> 요소는 스크립트 문장을 포함할 수 있으며, src 속성을 통해 외부 스크립트 파일을 지정할 수 있습니다。
JavaScript는 주로 이미지操作, 양식 검증 및 컨텐츠 동적 업데이트에 사용됩니다。
아래 스크립트는 "Hello World!"를 브라우저에 출력합니다：
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>기본 튜토리얼(oldtoolbag.com)</title>
</head>
<body>
<script>
document.write("Hello World!")
</script>
</body>
</html>테스트를 보세요 ‹/›<noscript> 태그는 스크립트를 사용할 수 없는 경우 대체 내용을 제공합니다. 예를 들어, 브라우저가 스크립트를 비활성화하거나 클라이언트 스크립트를 지원하지 않는 경우。
<noscript> 요소는 일반 HTML 페이지의 body 요소에 있는 모든 요소를 포함할 수 있습니다。
브라우저가 스크립트를 지원하지 않거나 스크립트를 비활성화한 경우에만 <noscript> 요소 내용이 표시됩니다：
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>기본 튜토리얼(oldtoolbag.com)</title>
</head>
<body>
<script>
document.write("Hello World!")
</script>
죄송합니다. 여러분의 브라우저는 JavaScript를 지원하지 않습니다!/noscript>
<p>JavaScript를 지원하지 않는 브라우저는 <noscript> 요소에서 정의된 내용(텍스트)으로 대체됩니다。</p>
</body>
</html>테스트를 보세요 ‹/›JavaScript 예제 코드:
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>기본 튜토리얼(oldtoolbag.com)</title>
</head>
<body>
<p>
JavaScript는 document.write를 사용하여 직접 HTML 출력 스트림에 쓸 수 있습니다：
</p>
<script>
document.write("<h1>이것은 H1제목/h1>");
document.write("<p>이것은 P 단락입니다。</p>");
</script>
<p>
HTML 출력 스트림에서만 <strong>document.write</strong>를 사용할 수 있습니다./strong>。
문서가 로드된 후에 사용하면(예를 들어 함수 내에서 사용하면), 전체 문서를 덮어씁니다.
</p>
</body>
</html>테스트를 보세요 ‹/›<html>
<head>
<meta charset="utf-8">
<title>기본 튜토리얼(oldtoolbag.com)</title>
</head>
<body>
<h1>제일 첫 번째 JavaScript 스크립트</h1>
<p id="demo">
JavaScript는 이벤트를 트리거할 수 있습니다, 예를 들어 버튼 클릭과 같이.</p>
<script>
function test_js()
{
document.getElementById("demo").innerHTML="Hello JavaScript(oldtoolbag.com)!";
}
</script>
<button type="button" onclick="test_js()">누르세요</button>
</body>
</html>테스트를 보세요 ‹/›!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>기본 튜토리얼(oldtoolbag.com)</title>
</head>
<body>
<h1>제일 첫 번째 JavaScript</h1>
<p id="demo">
JavaScript는 HTML 요소의 스타일을 변경할 수 있습니다(oldtoolbag.com)。
</p>
<script>
function test_js()
{
x=document.getElementById("demo") // 요소 찾기
x.style.color="#ff3300"; // 스타일 변경
}
</script>
<button type="button" onclick="test_js()">여기를 클릭하세요</button>
</body>
</html>테스트를 보세요 ‹/›| 태그 | 설명 |
| <script> | 클라이언트 스크립트 정의 |
| <noscript> | 스크립트를 지원하지 않는 브라우저에서 텍스트를 출력하는 정의 |