html은 JavaScript를 어떻게 참조합니까? HTML에 js 경로를 도입하는 네 가지 방법-JS 튜토리얼-php.cn

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

云罗郡主

풀어 주다： 2018-10-30 15:57:15

원래의

63566명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!