>  기사  >  웹 프론트엔드  >  JS 파일을 HTML 페이지에 도입하는 두 가지 방법에 대한 심층적인 이해

JS 파일을 HTML 페이지에 도입하는 두 가지 방법에 대한 심층적인 이해

yulia
yulia원래의
2018-10-10 10:25:218787검색

완전한 페이지는 HTML(구조), CSS(성능), JavaScript(동작)로 구성됩니다. JS 파일을 HTML 페이지에 도입하는 방법을 알고 계십니까? 이 기사에서는 JS 파일을 HTML 페이지에 삽입하는 두 가지 방법에 대해 설명합니다. 관심 있는 친구들이 참고하면 도움이 될 것입니다.

JS 파일을 HTML 페이지에 도입하려면 3f1c4e4b6b16bbbd69b2ee476dc4f83a 태그를 사용해야 합니다. 왜냐하면 3f1c4e4b6b16bbbd69b2ee476dc4f83a 태그는 JavaScript의 실행 시작 위치와 종료 위치를 알려주기 때문입니다.

1. 외부에서 JS 파일 가져오기

b2386ffb911b14667cb8f0f91ea547a7 태그 아래에 JS 파일을 가져와서 HTML 파일과 JS 파일을 분리할 수 있습니다. end와 back-end를 분리하고, 이렇게 코드를 작성하고 수정하는 것이 더 편리합니다. 동일한 JS 파일을 여러 HTML 페이지에서 참조할 수 있으므로 프로젝트에서는 일반적으로 외부에서 가져온 JS 파일을 사용합니다.

JS 파일을 외부에 도입하는 코드는 다음과 같습니다.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <script type="text/javascript" src="js/index.js" ></script>
 </head>
 <body>
  <p id="demo">点击按钮将数组转为字符串</p>
  <button onclick="myFunction()">点击</button>
 </body>
</html>

2. HTML 페이지에 JS 파일을 삽입합니다.

HTML 페이지의 6c04bd5ca3fcae76e30b72ad730ca86d 태그에 JavaScript를 넣습니다. 페이지 내용을 방해하지 않도록 페이지 하단에 배치합니다. 자바스크립트를 처음 배울 때는 상대적으로 간단하기 때문에 JS 파일을 HTML 페이지에 삽입하게 됩니다. 삽입 방법은 작은 테스트 작성과 같이 코드가 많지 않은 상황에 적합합니다.

HTML 페이지에 JS 파일을 삽입하는 코드는 다음과 같습니다.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>
  <p id="demo">点击按钮将数组转为字符串</p>
  <button onclick="myFunction()">点击</button>
 </body>
 <script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger"];
   var str=animal.toString();
   document.write("类型是:"+typeof(str)+",字符串是:"+str);   
  }
 </script>
</html>

위에서는 JS 파일을 HTML 페이지에 삽입하는 두 가지 방법을 소개합니다. 각각의 방법은 작업에 따라 다릅니다. 학자들이 직접 시도해 볼 수 있습니다. 이 기사가 도움이 되기를 바랍니다.

더 많은 관련 튜토리얼을 보려면 JavaScript 비디오 튜토리얼을 방문하세요. php 자선 교육

위 내용은 JS 파일을 HTML 페이지에 도입하는 두 가지 방법에 대한 심층적인 이해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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