" 태그를 사용하여 웹 페이지에 배치하고 브라우저 환경의 도움을 받아 실행해야 합니다. 구문은 "" 또는 "" 또는 "

 >  기사  >  웹 프론트엔드  >  자바스크립트 코드를 넣을 위치

자바스크립트 코드를 넣을 위치

青灯夜游
青灯夜游원래의
2021-09-02 16:28:193151검색

JavaScript 코드는 "<script>" 태그를 사용하여 웹페이지에 배치하고 "<script>JS 코드</script>" 구문을 사용하여 실행해야 합니다. src="에는 코드 js 파일 ">"가 포함되어 있습니다.

자바스크립트 코드를 넣을 위치

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

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

JavaScript 코드를 웹 페이지에 삽입하는 방법에는 두 가지가 있습니다.

방법 1: <script> 태그를 사용하여 코드를 직접 삽입합니다. </script>

HTML 페이지에 JavaScript 스크립트를 삽입하려면 < ;script> 태그를 사용하면 사용자는 <script> 태그에 JavaScript 코드를 직접 작성할 수 있습니다. </script>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>第一个JavaScript程序</title>
    <script type="text/javascript">
        document.write("<h1>Hi,JavaScript!</h1>");
    </script>
</head>
<body></body>
</html>

자바스크립트 코드를 넣을 위치

방법 2: JavaScript 코드를 js 파일에 넣고 <script> 태그를 사용하여 js 파일을 가져옵니다.</script>

JavaScript 프로그램은 HTML 문서뿐만 아니라 JavaScript에도 직접 배치할 수 있습니다. 파일 .

JavaScript 파일은 .js 확장자를 가진 텍스트 파일이며 텍스트 편집기로 편집할 수 있습니다.

JavaScript 파일은 독립적으로 실행될 수 없으며 웹 페이지로 가져와서 브라우저를 통해 실행해야 합니다. JavaScript 파일은 <script> 태그를 사용하여 가져올 수 있습니다. </script>

예: 다음 코드가 포함된 test.js 파일이 있습니다.

alert("Hi,JavaScript!");

HTML 파일의

태그 내에 <script> 태그를 삽입합니다. src 속성을 정의하고 속성 값을 외부 JavaScript 파일을 가리키는 URL 문자열로 설정합니다. 코드는 다음과 같습니다. <pre class="brush:php;toolbar:false">&lt;script type=&quot;text/javascript&quot; src=&quot;test.js&quot;&gt;&lt;/script&gt;</pre><blockquote><p>참고: <p> <script> 태그를 사용하여 외부 JavaScript 파일을 포함하는 경우 기본 파일 형식은 Javascript입니다. 따라서 로드된 파일의 확장자가 .js인지 여부에 관계없이 브라우저는 해당 파일을 JavaScript 스크립트로 구문 분석합니다. <p>src 속성을 정의하는 <script> 태그에는 더 이상 JavaScript 코드가 포함되어서는 안 됩니다. 코드가 포함된 경우 외부 JavaScript 파일만 다운로드되어 실행되며 포함된 코드는 무시됩니다. <p>HTML 파일을 저장하고 브라우저에서 미리보기: <p><img src="https://img.php.cn/upload/image/362/306/224/1630571243261745.png" title="1630571243261745.png" alt="자바스크립트 코드를 넣을 위치"/><p>[권장 학습: <a href="https://www.php.cn/course/list/2.html" target="_blank">javascript 고급 튜토리얼]</script>

위 내용은 자바스크립트 코드를 넣을 위치의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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