HTML에서 JavaScript를 사용하는 방법-HTML 튜토리얼-php.cn

1. 스크립트 요소 사용

집

웹 프론트엔드

HTML 튜토리얼

HTML에서 JavaScript를 사용하는 방법

Jun 15, 2021 am 11:37 AM

javascript

HTML에서는 스크립트 태그에 자바스크립트를 사용할 수 있으며 페이지에 "<script>JavaScript代码</script>" 코드만 추가하면 됩니다. 스크립트 태그는 클라이언트 스크립트를 정의하는 데 사용됩니다. 이 요소는 스크립트 문을 포함하거나 src 속성을 통해

을 가리킬 수 있습니다. Windows 7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

추천 학습: html 비디오 튜토리얼

1. 스크립트 요소 사용

&lt;script&gt;
    //JavaScript代码
&lt;/script&gt;

로그인 후 복사

HTML 4.01은 <script>에 대한 6가지 속성을 정의합니다.

async(선택 사항)
는 스크립트를 즉시 다운로드해야 함을 나타냅니다. 다른 리소스를 다운로드하거나 다른 스크립트를 로드하는 등 페이지의 다른 작업을 방해하지 않습니다. 외부 스크립트 파일에만 유효

//异步脚本
&lt;script type=&quot;text/javascript&quot; defer=&quot;defer&quot; src=&quot;first.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; defer=&quot;defer&quot; src=&quot;second.js&quot;&gt;&lt;/script&gt;
//指定async属性的目的是不让页面等待这两个脚本下载和执行，从而异步加载页面其他内容。
//但是不保证它们的先后顺序，也就是第二个脚本可能在第一个脚本之前执行。

로그인 후 복사

charset(선택 사항, 거의 사용되지 않음)
코드의 문자 값을 지정합니다. 대부분의 브라우저는 이를 무시하며 거의 사용되지 않습니다.
defer(선택 사항)
스크립트가 문서가 완전히 구문 분석되어 표시될 때까지 지연될 수 있습니다. 외부 파일에만 유효합니다. code 코드를 작성하는 데 사용되는 프로그래밍 언어를 나타내는 데 사용되는 r
```
//延迟脚本
&lt;script type=&quot;text/javascript&quot; defer=&quot;defer&quot; src=&quot;first.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; defer=&quot;defer&quot; src=&quot;second.js&quot;&gt;&lt;/script&gt;
//添加defer属性之后，直到遇到&lt;/html&gt;才会执行，也就是最后最后执行就是它了
```
로그인 후 복사
elanguage (더 이상 사용되지 않은)
- rrereeerree
- type (선택 사항)
  은 언어를 대체하는 것으로 간주할 수 있습니다. 일반적으로 사용되는 것은 type=text/javascript이며 필수는 아닙니다.
  는 <script></script>에 포함되어 있습니다. 바닥으로. 해석된 <script> 요소 내의 모든 코드가 평가될 때까지 페이지의 다른 콘텐츠는 로드되거나 표시되지 않습니다.
2. 라벨 위치
- 전통적인 접근 방식
  모든 <script>는 <head>에 위치하며, 모든 외부 파일(.css 및 .js)을 같은 위치에 두는 것이 목적입니다.
  하지만 이렇게 하면 모든 JavaScript 코드가 다운로드되고 해석되기 전에 <body>의 페이지 콘텐츠가 렌더링되지 않습니다. 맙소사, 자바스크립트 코드가 많으면 어떡하지? ! ! 언뜻 보면 브라우저 창이 비어 있는 것처럼 보일 것입니다.
- 모범 사례
  모든 JavaScript 참조를 <body> 요소 뒤에 삽입하세요. 3.
옵션은 물론 HTML에 JavaScript를 포함하는 데 문제가 없습니다. 그러나 가장 좋은 방법은 가능할 때마다 외부 파일을 사용하여 JavaScript 코드를 포함하는 것입니다. 다음과 같은 장점이 있습니다.

Maintainability
- Cacheable
위 내용은 HTML에서 JavaScript를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!