-
[javascript] 2.WhereTo - 자바스크립트 강좌Web/JavaScript 2015. 6. 13. 14:22자바스크립트는 바디(body) 태그나 헤드(head) 태그에 위치 할 수 있습니다!1. The <script> TagHTML에서 자바스크립트 코드는 <script>와 </script> 태그 사이에 무조건 삽입해야합니다!123<script>document.getElementById("demo").innerHTML = "My First JavaScript";</script>
cs Note! 예전에는 <script> 태그 내에 <script type="text/javascript"> 를 넣어 줬는데 요즘은 필요로 하지 않습니다!!!!2. JavaScript Functions and Events자바스크립트 함수는 자바스크립트의 블록입니다. 함수는 호출시에 실행됩니다.예를 들어, 함수는 이벤트가 발생할 시, 실행됩니다. 사용자가 버튼을 클릭하면 실행되는 것 처럼.3. JavaScript in <head> or <body>자바스크립트는 헤드(Head)나 바디(Body) 태그내에 위치할수 있습니다.그러나, 좋은 방식은 바디 태그의 하단부에 위치시키는 것입니다.하단부에 위치시키므로서, 페이지 로드를 향상시킵니다.4. External JavaScript자바스크립트는 외부 파일에 작성될수도 있습니다.외부 자바스크립트는 같은 코드를 여러번 사용하는 서로 다른 무수한 웹 페이지에서 실용적입니다.123456789101112131415161718<!DOCTYPE html><html><body><h1>External JavaScript</h1><p id="demo">A Paragraph.</p><button type="button" onclick="myFunction()">Try it</button><p><strong>Note:</strong> myFunction is stored in an external file called "myScript.js".</p><script src="myScript.js"></script></body></html>cs myScript.js1234function myFunction() {document.getElementById("demo").innerHTML = "My First External JavaScript";}cs 5. External JavaScript Advangages- HTML과 스크립트 코드를 분리- HTML과 스크립트를 읽기 및 유지관리가 쉽다- Cached 스크립트파일은 페이지 로드를 빠르게 한다6. JavaScript in <Head>
다음 예제에서, 자바스크립트 함수는 HTML 페이지의 헤드 섹션에 위치합니다.
함수는 버튼이 클릭될 시에 호출되어 집니다.
12345678910111213141516171819202122<!DOCTYPE html><html><head><script>function myFunction() {document.getElementById("demo").innerHTML = "Paragraph changed.";}</script></head><body><h1>JavaScript in Head</h1><p id="demo">A Paragraph.</p><button type="button" onclick="myFunction()">Try it</button></body></html>cs 위 포스트는 "w3Schools"를 참고하여 작성하였습니다.
'Web > JavaScript' 카테고리의 다른 글
[javascript] 6. 주석(Comments) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 5. 구문(Statements) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 4. 문법(Syntax) - 자바스크립트 강좌 (0) 2015.06.13 [javascript] 3. 출력(Output) - 자바스크립트 강좌 (0) 2015.06.13 [Javascript] 1. 소개(Introduction) - 자바스크립트 강좌 (0) 2015.06.13 [JavaScript] 웹페이지에서 스크롤 맨아래로 내려갔을때 추가 항목 로드(ex. facebook 타임라인 불러오기) JS / CSE (0) 2015.06.13
