WEB_TECH/javascript

자바스크립트 어떻게 작성할까요?

지식사랑 2012. 8. 17. 11:16

<script>태그는 자바스크립트를 HTML페이지에 넣을때 사용됩니다.

HTML의 "id" 속성은 HTML요소들을 찾아내는데 사용됩니다.



어떤 브라우저는 자바스크립트를 지원하지 않습니다.

이것을 막으려면 HTML주석으로 사용하면 자바스크립트가 실행되지 않습니다.


<!DOCTYPE html>

<html>

<body>

<script type="text/javascript">

<!--

document.getElementById("demo").innerHTML="My First JavaScript";

//-->

</script>

</body>

</html>




다음처럼 HTML문서에 직접 작성할 수 있습니다.


<!DOCTYPE html>

<html>

<body>


<h1>My First Web Page</h1>


<script type="text/javascript">

document.write("<p>My First JavaScript</p>");

</script>


</body>



HTML엘리먼트에 접근할 수 있습니다.


자바스크립트는 HTML엘리먼트를 다루기 위해 사용됩니다.

HTML의 "id" 속성은 HTML엘리먼트를 정의하는데 사용합니다.

HTML엘리먼트를 자바스크립트로 제어하려면 document.getElementById()메서드를 사용해야 합니다.


<!DOCTYPE html>

<html>

<body>


<h1>My First Web Page</h1>


<p id="demo">My First Paragraph</p>


<script type="text/javascript">

document.getElementById("demo").innerHTML="My First JavaScript";

</script>


</body>

</html>