자바스크립트 코드를 넣을 위치-프런트엔드 Q&A-php.cn

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

青灯夜游

풀어 주다： 2023-01-07 11:46:50

원래의

3224명이 탐색했습니다.

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 파일을 가져옵니다.</strong></p><p>JavaScript 프로그램은 HTML 문서뿐만 아니라 JavaScript에도 직접 배치할 수 있습니다. 파일 . </p><p>JavaScript 파일은 <code>.js</code> 확장자를 가진 텍스트 파일이며 텍스트 편집기로 편집할 수 있습니다. </p><p>JavaScript 파일은 독립적으로 실행될 수 없으며 웹 페이지로 가져와서 브라우저를 통해 실행해야 합니다. JavaScript 파일은 <script> 태그를 사용하여 가져올 수 있습니다. </p><p>예: 다음 코드가 포함된 test.js 파일이 있습니다. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false">alert("Hi,JavaScript!");</pre><div class="contentsignin">로그인 후 복사</div></div><p>HTML 파일의 <head> 태그 내에 <script> 태그를 삽입합니다. src 속성을 정의하고 속성 값을 외부 JavaScript 파일을 가리키는 URL 문자열로 설정합니다. 코드는 다음과 같습니다. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><script type="text/javascript" src="test.js"></script></pre><div class="contentsignin">로그인 후 복사</div></div><blockquote> <p>참고: </p> <p> <script> 태그를 사용하여 외부 JavaScript 파일을 포함하는 경우 기본 파일 형식은 Javascript입니다. 따라서 로드된 파일의 확장자가 .js인지 여부에 관계없이 브라우저는 해당 파일을 JavaScript 스크립트로 구문 분석합니다. </script>

src 속성을 정의하는 <script> 태그에는 더 이상 JavaScript 코드가 포함되어서는 안 됩니다. 코드가 포함된 경우 외부 JavaScript 파일만 다운로드되어 실행되며 포함된 코드는 무시됩니다. </script>

HTML 파일을 저장하고 브라우저에서 미리보기:

[권장 학습: javascript 고급 튜토리얼]
위 내용은 자바스크립트 코드를 넣을 위치의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!