HTML 문서에 JS 스크립트를 배치하는 방법-JS 튜토리얼-php.cn

HTML 문서에 JS 스크립트를 배치하는 방법

清浅

풀어 주다： 2021-04-18 14:56:07

원래의

4712명이 탐색했습니다.

JS 스크립트를 HTML 문서에 배치하는 방법: 1.
태그에 JS 스크립트를 배치합니다. body> 태그에 JS 스크립트를 배치합니다. 4. 외부에서 js 스크립트를 가져옵니다.

HTML 문서에 JS 스크립트를 배치하는 방법

이 문서의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터, html5&&javascript 버전 1.8.5.

js 스크립트가 배치되는 위치는

태그, 및 태그에 있으며, js 스크립트를 외부에 추가할 수도 있습니다. HTML 문서에 JavaScript 코드를 어디에든 배치하세요. 그러나 HTML 파일에 JavaScript 코드를 배치하는 가장 좋은 방법은 다음과 같습니다.

1. head> ... body> ; 섹션

3. body> 및 head> 섹션에 스크립트를 작성합니다. 그런 다음

... head> 섹션에서 소개했습니다.

다음으로 이 네 가지 방법에 대해

[추천 과정:

HTML 문서에 JS 스크립트를 배치하는 방법 JavaScript 과정]에서 자세히 설명합니다.

] in ... head> 섹션 사용자가 클릭할 때 실행되는 이벤트와 같은 특정 이벤트에 대해 스크립트를 실행하려는 경우 특정 위치에 스크립트를

<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type = "text/javascript">
            function Hello() {
               alert("Hello World")
            }
      </script>  
</head>

로그인 후 복사

Rendering의 헤드 부분에 넣을 수 있습니다:

... 섹션

HTML 문서에 JS 스크립트를 배치하는 방법 스크립트가 페이지에 콘텐츠를 생성하도록 페이지가 로드되면 스크립트가 문서의 섹션으로 이동합니다. 이 경우 JavaScript

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
 
<body>
<script type = "text/javascript">
            document.write("Hello World")
      </script>
<p>页面加载时脚本就会生成内容</p>
</body>
</html>

로그인 후 복사

Rendering:

섹션의 JavaScript 코드

<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type = "text/javascript">
            function Hello() {
               alert("Hello World")
            }
  
      </script>
</head>
 
<body>
	<script type = "text/javascript">
      
        document.write("Hello World")

      </script>

로그인 후 복사

Rendering:

외부 파일의 JavaScript

HTML 문서에 JS 스크립트를 배치하는 방법 웹사이트의 여러 페이지에서 동일한 JavaScript 코드를 재사용해야 하는 경우 js 파일을 외부에 도입하면 이를 달성할 수 있습니다. 동일한 코드를 쉽게 유지 관리하기 위해 스크립트 태그는 JavaScript를 외부 파일에 저장한 다음 HTML 파일에 포함할 수 있는 메커니즘을 제공합니다.

HTML code

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="111.js"></script>
</head>
<body>
  <input type = "button" onclick = "Hello()" value = "点击" />
</body>
</html>

로그인 후 복사

External js file

   function Hello() {
 document.write("hello world")
            }

로그인 후 복사

Rendering:

요약: 위 내용은 이 글의 전체 내용입니다. JavaScript를 배우는 모든 분들께 도움이 되길 바랍니다.

위 내용은 HTML 문서에 JS 스크립트를 배치하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!