집 >
웹 프론트엔드 >
HTML 튜토리얼 >
javascript에 대한 html의
웹 페이지에 JavaScript를 넣을 때는 웹의 핵심 언어인 HTML을 포함해야 합니다. JavaScript가 처음 개발되었을 때 Netscape가 해결해야 했던 중요한 문제는 다른 브라우저의 해당 페이지 렌더링에 영향을 주지 않고 HTML 페이지와 JavaScript가 공존하도록 만드는 방법이었습니다. 시행착오와 논쟁 끝에 최종 결정은 웹에 통합 스크립트 지원을 추가하는 것이었습니다. 웹 초기의 많은 관행이 그대로 유지되었으며 공식적으로 HTML 사양에 통합되었습니다.
<script> 요소</h3>
<p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px"> HTML 페이지에 JavaScript를 삽입하는 주요 방법은 <script> 요소를 사용하는 것입니다. 이 요소는 Netscape에 의해 생성되었으며 Netscape Navigator2에서 처음 구현되었습니다. 나중에 이 요소는 공식 HTML 사양에 추가되었습니다. HTML4.01은 <scripth>에 대해 다음과 같은 6개의 <a href="//m.sbmmt.com/wiki/169.html" target="_blank">속성</a>을 정의합니다. <br></p>
<ul class=" list-paddingleft-2" style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px">
<li><p style="margin-top:0px; margin-bottom:10px">비동기: 선택 사항입니다. 스크립트를 즉시 다운로드해야 하지만 다른 리소스를 다운로드하거나 다른 스크립트가 로드될 때까지 기다리는 등 페이지의 다른 작업을 방해해서는 안 된다는 것을 나타냅니다. 외부 스크립트에만 유효합니다. </p></li>
<li><p style="margin-top:0px; margin-bottom:10px">문자 집합: 선택 사항입니다. src 속성을 통해 지정된 코드의 <a href="//m.sbmmt.com/code/225.html" target="_blank">문자 집합</a>을 나타냅니다. 이 속성은 대부분의 브라우저가 해당 값을 무시하기 때문에 거의 사용되지 않습니다. </p></li>
<li><p style="margin-top:0px; margin-bottom:10px"> 연기: 선택 사항입니다. 문서가 완전히 구문 분석되고 표시될 때까지 스크립트 실행이 지연될 수 있음을 나타냅니다. 외부 스크립트에만 유효합니다. </p></li>
<li><p style="margin-top:0px; margin-bottom:10px">언어: 더 이상 사용되지 않습니다. </p></li>
<li><p style="margin-top:0px; margin-bottom:10px">src: 선택사항. 실행할 코드가 포함된 외부 파일을 나타냅니다. </p></li>
<li><p style="margin-top:0px; margin-bottom:10px">유형: 선택사항. 코드를 작성하는 데 사용되는 스크립트 언어의 콘텐츠 유형(MIME 유형이라고도 함)을 나타내는 언어에 대한 대체 속성으로 생각할 수 있습니다. </p></li>
</ul>
<p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px"><br></p>
<p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px"> <script> 요소를 사용하는 방법에는 JavaScript 코드를 페이지에 직접 삽입하는 방법과 외부 JavaScript 파일을 포함하는 방법이 있습니다. </p>
<p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px"> <script> 요소를 사용하여 JavaScript 코드를 삽입하는 경우 <script>에 대한 유형 속성만 지정하면 됩니다. 그런 다음 다음과 같이 JavaScript 코드를 요소 내부에 직접 배치하십시오. <br></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false" style="overflow:auto; font-family:Menlo,Monaco,Consolas,'Courier New',monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; border:1px solid rgb(204,204,204); background-color:rgb(245,245,245)"><script type="text/javascript">
function sayHi(){
alert("Hi!");
}
</script></pre><div class="contentsignin">로그인 후 복사</div></div><p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px"> <script> 요소 내에 포함된 JavaScript 코드는 위에서 아래로 해석됩니다. 이전 예를 예로 들면, 통역사는 <a href="//m.sbmmt.com/wiki/145.html" target="_blank">function</a>의 정의를 해석한 다음 해당 정의를 자체 환경에 저장합니다. 인터프리터가 <script> 요소 내부의 모든 코드를 평가한 후에는 페이지의 나머지 부분이 브라우저에 로드되거나 표시되지 않습니다. </p><p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px"> <script> 요소를 통해 외부 JavaScript 파일을 포함하려면 src 속성이 필요합니다. 이 속성의 값은 외부 자바스크립트 파일에 대한 링크입니다. 예: <br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false" style="overflow:auto; font-family:Menlo,Monaco,Consolas,'Courier New',monospace; font-size:13px; padding:9.5px; margin-top:0px; margin-bottom:10px; line-height:1.42857; color:rgb(51,51,51); word-break:break-all; word-wrap:break-word; border:1px solid rgb(204,204,204); background-color:rgb(245,245,245)"><script type="text/javascript" src="example.js"></script></pre><div class="contentsignin">로그인 후 복사</div></div><p style="margin-top:0px; margin-bottom:10px; color:rgb(51,51,51); font-family:Tahoma,Arial,'Microsoft Yahei'; font-size:15.4px; line-height:27.72px">在这个例子中，外部文件example.js将被加载到当前页面中。外部文件只须包含通常要放在开始的<script>和结束的</script>中间的那些javascript代码即可。与解析嵌入式javascript代码一样，在解析外部javascript文件（包括下载该文件）时，页面的处理也会暂时停止。如果是在XHTML文档中，也可以省略前面示例代码中结束的标签，例如：
<script type="text/javascript" src="example.js" />
로그인 후 복사
按照惯例，外部javascript文件带有.js扩展名。但这个扩展名不是必需的，因为浏览器不会检查包含javascript的文件的扩展名。这样一来，使用JSP、PHP或其他服务器端语言动态生成javascript代码也就成为了可能。但是，服务器通常还是需要看扩展名决定为响应应用哪种MIME类型。如果不适用.js扩展名，请确保服务器能反应会正确的MIME类型。
위 내용은 javascript에 대한 html의
저자별 최신 기사
-
2023-03-15 16:54:01
-
2023-03-15 12:26:02
-
2023-03-14 18:58:01
-
2023-03-14 11:30:01
-
1970-01-01 08:00:00
-
2023-03-16 15:20:01
-
1970-01-01 08:00:00
-
1970-01-01 08:00:00
-
1970-01-01 08:00:00
-
1970-01-01 08:00:00
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
