<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">웹 페이지에 <a href="http://www.php.cn/wiki/48.html" target="_blank">JavaScript</a>를 넣을 때는 웹의 핵심 언어인 HTML을 포함해야 합니다. JavaScript가 처음 개발되었을 때 Netscape가 해결해야 했던 중요한 문제는 다른 브라우저의 해당 페이지 렌더링에 영향을 주지 않고 HTML 페이지와 JavaScript가 공존하도록 만드는 방법이었습니다. 시행착오와 논쟁 끝에 최종 결정은 웹에 통합 스크립트 지원을 추가하는 것이었습니다. 웹 초기의 많은 관행이 그대로 유지되었으며 공식적으로 HTML 사양에 통합되었습니다. </p> <h3 style="font-family:Tahoma,Arial,'Microsoft Yahei'; font-weight:500; line-height:1.1; color:rgb(51,51,51); margin-top:20px; margin-bottom:10px; font-size:24px">3f1c4e4b6b16bbbd69b2ee476dc4f83a 요소</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를 삽입하는 주요 방법은 3f1c4e4b6b16bbbd69b2ee476dc4f83a 요소를 사용하는 것입니다. 이 요소는 Netscape에 의해 생성되었으며 Netscape Navigator2에서 처음 구현되었습니다. 나중에 이 요소는 공식 HTML 사양에 추가되었습니다. HTML4.01은 9c3432e646edf04aca4d277a50575ee9에 대해 다음과 같은 6개의 <a href="http://www.php.cn/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="http://www.php.cn/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"> 3f1c4e4b6b16bbbd69b2ee476dc4f83a 요소를 사용하는 방법에는 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"> 3f1c4e4b6b16bbbd69b2ee476dc4f83a 요소를 사용하여 JavaScript 코드를 삽입하는 경우 3f1c4e4b6b16bbbd69b2ee476dc4f83a에 대한 유형 속성만 지정하면 됩니다. 그런 다음 다음과 같이 JavaScript 코드를 요소 내부에 직접 배치하십시오. <br></p><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><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"> 3f1c4e4b6b16bbbd69b2ee476dc4f83a 요소 내에 포함된 JavaScript 코드는 위에서 아래로 해석됩니다. 이전 예를 예로 들면, 통역사는 <a href="http://www.php.cn/wiki/145.html" target="_blank">function</a>의 정의를 해석한 다음 해당 정의를 자체 환경에 저장합니다. 인터프리터가 3f1c4e4b6b16bbbd69b2ee476dc4f83a 요소 내부의 모든 코드를 평가한 후에는 페이지의 나머지 부분이 브라우저에 로드되거나 표시되지 않습니다. </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"> 3f1c4e4b6b16bbbd69b2ee476dc4f83a 요소를 통해 외부 JavaScript 파일을 포함하려면 src 속성이 필요합니다. 이 속성의 값은 외부 자바스크립트 파일에 대한 링크입니다. 예: <br></p><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><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将被加载到当前页面中。外部文件只须包含通常要放在开始的3f1c4e4b6b16bbbd69b2ee476dc4f83a和结束的2cacc6d41bbb37262a98f745aa00fbf0中间的那些javascript代码即可。与解析嵌入式javascript代码一样,在解析外部javascript文件(包括下载该文件)时,页面的处理也会暂时停止。如果是在X<a href="http://www.php.cn/code/5010.html" target="_blank">HTML文档</a>中,也可以省略前面示例代码中结束的2cacc6d41bbb37262a98f745aa00fbf0标签,例如:<br></p><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" /></pre><p style="margin-top:0px; margin-bottom:0px">按照惯例,外部javascript文件带有.js扩展名。但这个扩展名不是必需的,因为浏览器不会检查包含javascript的文件的扩展名。这样一来,使用JSP、PHP或其他服务器端语言动态生成javascript代码也就成为了可能。但是,服务器通常还是需要看扩展名决定为响应应用哪种MIME类型。如果不适用.js扩展名,请确保服务器能反应会正确的MIME类型。</p> <p class="and" style='color: rgb(51, 51, 51); font-family: Tahoma, Arial, "Microsoft Yahei"; font-size: 15.4px; line-height: 27.72px;'><br></p>