HTML을 외부 JS에 연결하는 방법-HTML 튜토리얼-php.cn

HTML을 외부 JS에 연결하는 방법

下次还敢

풀어 주다： 2024-04-11 06:25:55

원래의

1174명이 탐색했습니다.

외부 JS 파일을 연결하려면 src 속성과 함께 <script> 태그를 사용하세요. 일반적으로 이 태그는 렌더링 차단을 방지하기 위해 <body>의 하단에 배치됩니다. 여러 개의 <script> 태그를 추가하여 여러 외부 JS 파일을 연결할 수 있습니다. src 속성은 상대 경로(HTML 파일 기준) 또는 절대 경로(루트 디렉터리에서 시작)를 사용할 수 있습니다. 태그에는 async(비동기 로딩) 및 defer(지연된 실행)와 같은 다른 속성도 포함될 수 있습니다.

HTML을 외부 JS에 연결하는 방법

HTML을 사용하여 외부 JS 파일을 연결하는 방법

외부 JS 파일 소개

외부 JavaScript 파일을 HTML 문서에 연결하려면 <script> 태그를 사용하세요. , 그리고 src 속성에 JavaScript 파일의 경로를 지정합니다: <script> 标签，并在 src 属性中指定 JavaScript 文件的路径：

<code class="html"><script src="path_to_javascript_file.js"></script></code>

로그인 후 복사

选择放置 <script> 标签的位置

通常，<script> 标签被放置在 HTML 文档的 <body> 部分的底部，以避免阻止页面呈现：

<code class="html"><body>
  ... <!-- 网页内容 -->

  <script src="path_to_javascript_file.js"></script>
</body></code>

로그인 후 복사

多个外部 JS 文件

如果你需要连接多个外部 JS 文件，可以简单地在 <body> 部分中添加多个 <script> 标签：

<code class="html"><script src="path_to_file1.js"></script>
<script src="path_to_file2.js"></script>
<script src="path_to_file3.js"></script></code>

로그인 후 복사

相对和绝对路径

src 属性可以包含相对路径（相对于 HTML 文件的位置）或绝对路径（以网站的根目录为起点）：

相对路径：js/main.js
绝对路径：/path/to/javascript_file.js

其他属性

<script>rrreee

<script>

일반적으로 <script> 태그는 페이지 렌더링을 차단하지 않도록 HTML 문서의 <body> 섹션 하단에 배치됩니다.
여러 외부 JS 파일

여러 외부 JS 파일을 연결해야 하는 경우 <body> 섹션에 여러 <script> 태그를 추가하기만 하면 됩니다. 🎜rrreee🎜🎜상대 및 절대 paths🎜🎜🎜src 속성에는 상대 경로(HTML 파일 위치에 상대적) 또는 절대 경로(웹 사이트의 루트 디렉터리에서 시작)가 포함될 수 있습니다. 🎜🎜🎜🎜상대 경로 : 🎜js/main.js code>🎜🎜🎜절대 경로: 🎜<code>/path/to/javascript_file.js🎜🎜🎜🎜기타 속성🎜🎜🎜< script> 태그에는 다음과 같은 다른 속성도 포함될 수 있습니다. 🎜🎜🎜🎜 async: 🎜 페이지가 렌더링되기 전에 스크립트를 비동기적으로 로드하고 실행할 수 있습니다. 🎜🎜🎜defer: 🎜문서 구문 분석이 완료될 때까지 스크립트 실행을 지연합니다. 🎜🎜

위 내용은 HTML을 외부 JS에 연결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!