> 웹 프론트엔드 > 프런트엔드 Q&A > 자바스크립트 코드는 HTML로 작성해야 하나요?

자바스크립트 코드는 HTML로 작성해야 하나요?

青灯夜游
풀어 주다: 2022-02-16 15:20:48
원래의
3873명이 탐색했습니다.

Javascript 코드는 html로 작성할 필요가 없으며 확장자가 ".js"인 스크립트 파일로 작성할 수도 있습니다. 그런 다음 html의 스크립트 태그, "".

자바스크립트 코드는 HTML로 작성해야 하나요?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript 프로그램은 독립적으로 실행될 수 없으며 호스트 환경에서만 실행될 수 있습니다. 일반적인 상황에서는 JavaScript 코드를 웹 페이지에 배치하고 브라우저 환경의 도움을 받아 실행할 수 있습니다.

html에서는 javascript 코드를 사용하는 3가지 방법이 있습니다.

  • HTML 문서에 JavaScript 코드 삽입

  • 스크립트 파일에 JavaScript 코드 작성, 스크립트 태그를 사용하여 HTML 문서에 인용

JavaScript 삽입 code

HTML 페이지에 JavaScript 스크립트를 삽입하려면 <script> 태그를 사용해야 합니다. 사용자는 <script> 태그에 JavaScript 코드를 직접 작성할 수 있습니다. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;">&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;title&gt;第一个JavaScript程序&lt;/title&gt; &lt;script type=&quot;text/javascript&quot;&gt; document.write(&quot;&lt;h1&gt;php中文网:php.cn&lt;/h1&gt;&quot;); &lt;/script&gt; &lt;/head&gt; &lt;body&gt;&lt;/body&gt; &lt;/html&gt;</pre><div class="contentsignin">로그인 후 복사</div></div><p><strong>JavaScript 코드를 스크립트 파일에 작성하세요. HTML 문서에 직접 배치할 수 있을 뿐만 아니라 JavaScript 스크립트 파일에도 배치할 수 있습니다. JavaScript 스크립트 파일은 텍스트 편집기를 사용하여 편집할 수 있는 확장자가 .js인 텍스트 파일입니다. </strong></p> <p> 파일을 만들고 파일에 js 코드를 작성하세요. 예: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false">alert(&quot;php中文网:php.cn&quot;);</pre><div class="contentsignin">로그인 후 복사</div></div><p> 그런 다음 HTML에 <script> 태그를 삽입하세요. src 속성을 정의하고 속성 값을 외부 JavaScript 파일을 가리키는 URL 문자열로 설정합니다. 코드는 다음과 같습니다. <code>.js</code></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;script type=&quot;text/javascript&quot; src=&quot;test.js&quot;&gt;&lt;/script&gt;</pre><div class="contentsignin">로그인 후 복사</div></div><p>참고: <br></p> <p></p> <script> 태그를 사용하여 외부 JavaScript 파일을 포함하는 경우 기본 파일 형식은 Javascript입니다. 따라서 로드된 파일의 확장자가 .js인지 여부에 관계없이 브라우저는 해당 파일을 JavaScript 스크립트로 구문 분석합니다. <ul style="list-style-type: disc;"><li><p>src 속성을 정의하는 <script> 태그에는 더 이상 JavaScript 코드가 포함되어서는 안 됩니다. 코드가 포함된 경우 외부 JavaScript 파일만 다운로드되어 실행되며 포함된 코드는 무시됩니다. <li><p>【관련 권장사항: 자바스크립트 학습 튜토리얼<p>】<a href="https://www.php.cn/course/list/17.html" target="_blank"></script>

위 내용은 자바스크립트 코드는 HTML로 작성해야 하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿