최고의 자바 스크립트 사용 튜토리얼 2024년, 이 튜토리얼에서는 <스크립트> 태그,<바디> 자바 스크립트에서,예,자바 스크립트 기능 및 이벤트,자바 스크립트의 <head> 또는 <몸>에서,<헤드> 자바 스크립트 함수,예,<바디> 자바 스크립트 함수,예,외부 자바 스크립트,예,를 배울 수 있습니다.
스크립트에서 HTML은 <script>와 </ script> 태그 사이에 위치해야합니다.
스크립트의 <head> 섹션을 HTML 페이지의 <body>에 배치 될 수있다.
HTML 페이지에서 자바 스크립트를 삽입하려면 <script> 태그를 사용합니다.
<스크립트>와 </ script> 자바 스크립트를 어디서부터 시작과 끝 알려줍니다.
코드 <script>와 </ script>의 라인 사이에 자바 스크립트가 포함되어 있습니다
당신은 위의 코드를 이해하지 않습니다. 그냥 브라우저가 해석 것을 이해하고 코드가 <script>와 </ script> 사이에 자바 스크립트를 실행
옛날의 예는 <script> 태그에 유형 = "텍스트 / 자바 스크립트"를 사용할 수 있습니다. 지금 당신은 그렇게 할 필요가 없습니다. 자바 스크립트는 모든 최신 브라우저 및 HTML5 기본 스크립트 언어입니다. |
이 예에서, HTML 페이지의 JavaScript는 <body는> 텍스트를 쓸 때로드된다 :
위의 예에서 자바 스크립트 문, 페이지가로드 실행.
이벤트는 사용자가 버튼을 클릭 할 때와 같이 발생할 때, 일반적으로, 우리는 코드를 실행할 필요가있다.
우리는 기능에 자바 스크립트 코드를 삽입하면 이벤트가 발생할 때, 당신은 함수를 호출 할 수 있습니다.
나중에 장에서 자바 스크립트 함수와 이벤트의 지식에 대한 자세한 내용을 배울 것입니다.
당신은 HTML 문서에 스크립트를 무제한으로 배치 할 수 있습니다.
HTML 스크립트는 <몸>에있는 또는 <헤드> 섹션을, 또는 두 섹션에 존재한다.
평소 연습의 <head> 섹션에, 또는 페이지 하단에서 작동하는 것입니다. 그 때문에은 페이지의 내용을 방해하지 않는 어떤 같은 장소에 배치 될 수있다.
이 경우, 우리는 HTML 페이지 <head> 섹션에 배치 자바 스크립트 기능을 갖는다.
버튼을 클릭하면이 함수가 호출된다 :
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()" >尝试一下</button>
</body>
</html>
이 경우, 우리는 <body> HTML 페이지에 배치하는 자바 스크립트 기능을 갖는다.
버튼을 클릭하면이 함수가 호출된다 :
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick=" myFunction() ">尝试一下</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>
</html>
또한 외부 파일에 스크립트를 저장할 수 있습니다. 외부 파일은 일반적으로 코드가 여러 페이지가 사용하는이 포함되어 있습니다.
파일 확장자는 외부 자바 스크립트 파일은 .js입니다.
외부 파일을 사용하려면, 태그는 "SRC"속성 인 <스크립트>에서의 .js 파일을 설정합니다 :
당신은 실제 운영 결과에의 <head> 또는 <몸>에서 스크립트를 배치 할 수 있습니다 당신은 태그 정확히 같은 <스크립트> 스크립트를 작성합니다.
다음과 같이 myScript.js 파일의 코드는 다음과 같습니다
function myFunction() { document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数"; }
외부 스크립트는 <script> 태그를 포함 할 수 없습니다. |