>  기사  >  웹 프론트엔드  >  html은 JavaScript를 어떻게 참조합니까? HTML에 js 경로를 도입하는 네 가지 방법

html은 JavaScript를 어떻게 참조합니까? HTML에 js 경로를 도입하는 네 가지 방법

云罗郡主
云罗郡主원래의
2018-10-30 15:57:1563347검색

html은 정적 페이지입니다. 특정 애니메이션 효과를 얻으려면 일부 js를 도입해야 합니다. 그러면 html에서 일부 js 파일을 참조하는 방법은 무엇입니까? 네 가지 방법으로 경로를 지정합니다.

html은 JavaScript를 어떻게 참조합니까? HTML에 js 경로를 도입하는 네 가지 방법

One: HTML에서 JavaScript를 인용하는 방법

JS 특수 효과를 HTML에서 인용하려면 네 가지 방법으로 이를 수행할 수 있습니다.

1 HTML 페이지의 head 태그에 인용하세요

. 2. html 페이지의 body 태그 내에서 인용하기

3. 요소 이벤트에서 인용하기

4. js 파일을 직접 인용하기

2: html에서 js 경로를 도입하는 4가지 방법에 대한 자세한 설명

1 .html의 페이지 헤드 js를 인용하려면 헤드

앞에 js를 작성해야 합니다. 코드는 다음과 같습니다.
<head>
    <title></title>
    <script type="text/javascript">
    </script>
</head>

참고: js 코드는 사이에 배치되어야 하며 type의 속성 값도 text/에 대응해야 합니다. 자바스크립트.

2. HTML 페이지의 body 태그 내 인용

html의 주요 부분은

앞에 작성된 js를 참조하는 것이며 코드는 다음과 같습니다.
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <script type="text/javascript">
    </script>
</body>
</html>

3 . 요소 이벤트에서 참조

요소 이벤트의 참조는 요소에 직접 js 파일을 작성하는 것입니다. 예:

    <input type="button" onClick="alert(&#39;php中文网&#39;)" value="按钮"/>

4. 외부 JS 파일 소개

외부 js 파일을 소개하고 .js 접미사에 저장합니다. use script to quote, quoted 파일은 헤더나 본문에 넣을 수 있습니다. 예:

<script src="js/index.js" type="text/javascript"></script>

위는 html에서 JavaScript를 참조하는 방법입니다. html로 js 경로를 소개하는 네 가지 방법에 대한 전체 소개입니다. JavaScript 비디오 튜토리얼에 대해 더 알고 싶다면 PHP 중국어 웹사이트를 주목하세요.


위 내용은 html은 JavaScript를 어떻게 참조합니까? HTML에 js 경로를 도입하는 네 가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.