" 태그 쌍에 넣습니다. 2. " " 태그가 중앙에 위치합니다. 3. ".js" 외부 파일에 넣고 스크립트 태그와 함께 도입합니다."/> " 태그 쌍에 넣습니다. 2. " " 태그가 중앙에 위치합니다. 3. ".js" 외부 파일에 넣고 스크립트 태그와 함께 도입합니다.">

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

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

青灯夜游
青灯夜游원래의
2021-06-11 17:57:074695검색

자바스크립트 코드의 위치: 1. 스크립트를 사용하기 전에 js 코드가 로드되었는지 확인하기 위해 "93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1" 태그 쌍에 넣습니다. "6c04bd5ca3fcae76e30b72ad730ca86d" ;36cc49f0c466276486e50c850b7e4956" 태그가 중앙에 위치합니다. 3. ".js"의 외부 파일에 배치하고 스크립트 태그와 함께 도입합니다.

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

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

JavaScript 코드를 어디에 넣을까요?

일반적으로 JavaScript 코드는 HTML 코드와 함께 사용되며 JavaScript 코드는 HTML 문서의 어느 곳에나 배치할 수 있습니다. 그러나 아래에 설명된 대로 배치 위치는 JavaScript 코드의 일반적인 실행에 일정한 영향을 미칩니다.

93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 사이에 배치

HTML 문서의 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 태그 사이에 JavaScript 코드를 배치하는 것이 일반적입니다. HTML 문서는 브라우저에 의해 위에서 아래로 로드되므로 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 태그 사이에 JavaScript 코드를 삽입하면 스크립트를 사용하기 전에 해당 코드가 로드되었는지 확인할 수 있습니다.

<html>
<head>
<script type="text/javascript">
……
JavaScript 代码
……
</script>
</head>
....

1d6e7d87652dd104f173dbf7284e279936cc49f0c466276486e50c850b7e4956

6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956 사이에 JavaScript 코드가 배치되는 경우도 있습니다. 다음 상황을 상상해 보세요. HTML 요소에서 작동해야 하는 JavaScript 코드 조각이 있습니다. 그러나 HTML 문서는 브라우저에 의해 위에서 아래로 순차적으로 로드되기 때문에 HTML 요소가 로드되기 전에 JavaScript 코드가 HTML 요소를 작동하고 오류(객체가 존재하지 않음)를 보고하는 것을 방지하려면 이 코드가 필요합니다. 나중에 예제는 다음과 같습니다:

<html>
<head>
</head>
<body>
</body>
<div id="div1"></div>
<script type="text/javascript">
document.getElementById("div1").innerHTML="测试文字";
</script>
</html>

그러나 일반적으로 페이지 요소에 대한 작업은 일반적으로 이벤트에 의해 구동되므로 위의 상황은 드뭅니다. 또한 100db36a723c770d327fc0aef2ce13b173a6ac4ed44ffec12cee46588e518a5e 외부에서 JavaScript 코드를 작성하지 않는 것이 좋습니다.

Tips

HTML 문서가 XHTML로 선언된 경우 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 태그는 CDATA 섹션 내에서 선언되어야 합니다. 그렇지 않으면 XHTML은 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 다른 XML 태그에 삽입하면 내부의 JavaScript 코드가 제대로 실행되지 않을 수 있습니다. 따라서 엄격한 XHTML에서 JavaScript를 사용하려면 다음 예와 같이 선언해야 합니다.

<html>
<head>
<script type="text/javascript">
<![CDATA[
JavaScript 代码
]]>
</script>
</head>
....

HTML 문서에 JavaScript 코드를 작성하는 위의 두 가지 방법은 모두 HTML 문서 내에서 JavaScript 코드를 참조하는 방법입니다. 내부 참조 외에 외부 참조도 사용할 수 있습니다.

외부 참조 JavaScript 코드(확장자 ".js"를 사용하여 외부 파일에 위치)

JavaScript 코드(3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 태그 제외)를 별도의 문서로 구성하고 다음으로 끝냅니다. js myscript.js와 같은 접미사를 사용하여 파일 이름을 지정하고 HTML 문서 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 태그에서 src 속성을 사용하여 파일을 참조합니다.

<html>
<head>
<script type="text/javascript" src="myscript.js"></script>
</head>
....

외부 참조 JavaScript 코드를 사용한 후 이점

1 .JavaScript 코드에서 사용하지 마세요7abb30cfb0195b52eebaf7024287f82e
2.보기 흉한 CDATA 사용을 피하세요
3. 공개 JavaScript 코드는 다른 HTML 문서에서 재사용할 수 있으며 이는 JavaScript 코드의 통합 유지 관리에도 도움이 됩니다
4.HTML 포함
5. 단일 JavaScript 파일을 압축하고 암호화할 수 있습니다
6. 브라우저는 JavaScript 파일을 캐시하여 광대역 사용을 줄일 수 있습니다(여러 페이지가 동시에 JavaScript 파일을 사용하는 경우 일반적으로 한 번만 다운로드하면 됩니다)
7. 복잡한 HTML 엔터티를 사용하지 마세요. 예를 들어 document.write(27f0cf60d2ae5b495c05f043da61257771)를 직접 사용할 수 있습니다.

JavaScript 코드를 외부 파일로 구성 또한 서버의 HTTP 요청 부담도 증가합니다. 이 환경에서는 이는 좋은 전략이 아닙니다. 또한 외부 js 파일을 참조할 때 파일의 올바른 경로에 주의해야 합니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !

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

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