HTML 문서에 JS 스크립트를 배치하는 방법
- 清浅원래의
- 2019-01-11 09:55:164706검색
JS 스크립트를 HTML 문서에 배치하는 방법: 1.
태그에 JS 스크립트를 배치합니다. body> 태그에 JS 스크립트를 배치합니다. 4. 외부에서 js 스크립트를 가져옵니다.
이 문서의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터, html5&&javascript 버전 1.8.5.
js 스크립트가 배치되는 위치는
태그, 및 태그에 있으며, js 스크립트를 외부에 추가할 수도 있습니다. HTML 문서에 JavaScript 코드를 어디에든 배치하세요. 그러나 HTML 파일에 JavaScript 코드를 배치하는 가장 좋은 방법은 다음과 같습니다.1. head> ... body> ; 섹션
3. body> 및 head> 섹션에 스크립트를 작성합니다. 그런 다음
... head> 섹션에서 소개했습니다.다음으로 이 네 가지 방법에 대해
[추천 과정:
JavaScript 과정]에서 자세히 설명합니다.
] in ... head> 섹션 사용자가 클릭할 때 실행되는 이벤트와 같은 특정 이벤트에 대해 스크립트를 실행하려는 경우 특정 위치에 스크립트를
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type = "text/javascript">
function Hello() {
alert("Hello World")
}
</script>
</head>Rendering의 헤드 부분에 넣을 수 있습니다:
스크립트가 페이지에 콘텐츠를 생성하도록 페이지가 로드되면 스크립트가 문서의
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type = "text/javascript">
document.write("Hello World")
</script>
<p>页面加载时脚本就会生成内容</p>
</body>
</html>Rendering:
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type = "text/javascript">
function Hello() {
alert("Hello World")
}
</script>
</head>
<body>
<script type = "text/javascript">
document.write("Hello World")
</script>
Rendering:
외부 파일의 JavaScript
웹사이트의 여러 페이지에서 동일한 JavaScript 코드를 재사용해야 하는 경우 js 파일을 외부에 도입하면 이를 달성할 수 있습니다. 동일한 코드를 쉽게 유지 관리하기 위해 스크립트 태그는 JavaScript를 외부 파일에 저장한 다음 HTML 파일에 포함할 수 있는 메커니즘을 제공합니다.
HTML code
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script src="111.js"></script> </head> <body> <input type = "button" onclick = "Hello()" value = "点击" /> </body> </html>
External js file
function Hello() {
document.write("hello world")
}Rendering: 요약: 위 내용은 이 글의 전체 내용입니다. JavaScript를 배우는 모든 분들께 도움이 되길 바랍니다.
위 내용은 HTML 문서에 JS 스크립트를 배치하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!