홈페이지>웹 디자인 튜토리얼>HTML 튜토리얼

HTML에서 JavaScript 인스턴스 코드를 사용하십시오

저자：Eve Cole 업데이트 시간：2025-02-04 22:00:02
<cript> 태그

HTML5의 스크립트는 주로 다음 속성이 있습니다.

  • 비동기 (선택 사항) :

키워드 : 비동기 스크립트, 외부 파일, 즉시 다운로드;

레이블 에이 속성이 포함되어 있으면 스크립트 (외부 파일)를 즉시 다운로드하면 외부 스크립트 파일 만 효과적이며 다운로드가 완료된 후 실행의 분석 및 실행과 동시에 다운로드를 수행 할 수 있습니다. 행정 명령.

 <스크립트 src = js/index2.js async = async> </script>
  • 연기 (선택 사항) :

키워드 : 스크립트 지연, 외부 파일, 지연로드;

레이블 에이 속성이 포함되어 있으면 스크립트는 실행 후 페이지가 완전히 구문 분석되거나 표시 될 때까지 대기 할 수 있습니다. 후자의 후자는 후자의 후자로 제한된다.

 <스크립트 src = js/index1.js defer = defer> </script>
  • charset (선택 사항) :

키워드 : 문자 세트

대부분의 브라우저는 그 가치를 무시 했으므로 사용하는 사람은 거의 없습니다.

  • SRC (선택 사항) :

키워드 : 외부 참조

참조 해야하는 외부 파일의 주소를 나타냅니다.

  • 유형 (선택 사항) :

키워드 : MIME (콘텐츠 유형의 스크립트 언어)

최대 브라우저 호환성을 보장하기 위해 유형의 속성 값은 여전히 ​​텍스트/JavaScript입니다. 기본값은 여전히 ​​텍스트/JavaScript입니다.

참고 : 레이블의 외부 파일에 다른 JS 코드를 추가하지 마십시오. 브라우저는 SRC에서 포함 된 외부 스크립트 파일 만 다운로드합니다.

<cript> 레이블 위치

일반적으로 외부 파일 (CSS 파일, JavaScript 파일 포함)이 일반적으로 <head> 태그에 동일한 위치에 레이블을 배치합니다.

그러나 여러 JavaScript 외부 파일에서 분석 프로세스가 발생하면 페이지가 완전히 표시되기 전에 모든 외부 파일이로드 될 때까지 기다려야하므로 일반적으로 <body> 태그의 하단에 배치합니다. 아래 표시 :

위에서 언급 한 바와 같이, <cript>는 연기의 정의를 가지고 있지만, HTML5에서 언급되어 있기 때문에 HTML5는 현재 임베디드 스크립트를 무시할 것입니다 IE8 표준 이후 HTML5.

외부 파일의 장점을 인용하십시오

  • 유지 관리 실패 : 모든 Javascrips의 모든 파일을 함께 사용하면 HTML 코드를 만질 수있을뿐만 아니라 개발자가 코드를 작성하고 유지 관리하는 데 도움이됩니다.
  • 가속화 된 브라우징 : 여러 HTML 페이지가 있으면 동일한 JavaScript 외부 파일이 참조되면이 파일은 한 번만로드되므로 페이지의로드 속도를 가속화 할 수 있습니다.
  • 보안 : 외부 파일의 인용 사용자가 HTML 코드를 보면 JavaScript 코드가 표시되지 않습니다.

<noscript> 레이블

문자 적 의미, 스크립트가없는 스크립트, 즉 브라우저가 JavaScript를 지원하지 않으면 <noscript> 태그의 내용이 표시됩니다.

  • 브라우저는 스크립트를 지원하지 않습니다.
  • 브라우저 지원 스크립트이지만 JavaScript가 비활성화되었습니다.

위의 두 가지는 <noscript> 태그의 모든 내용과 일치합니다.

위의 페이지는 사용자에게 메시지를 제공하지 않거나 JavaScript가 표시되면 사용자가 표시되지 않으며 사용자가 페이지의 다른 요소 표시에 영향을 미치지 않습니다.

요약

위는 HTML에서 JavaScript 인스턴스 코드를 사용합니다. VEVB WULIN 웹 사이트를 지원해 주셔서 대단히 감사합니다!

관련 기사