이야기테크/블로그이야기

[스크랩] 기초강좌

명호경영컨설턴트 2008. 8. 25. 23:18
javascript 기초강좌
  1. 자바스크립트 기초강좌
[1][2][3][4][5][6]
  
 그럼 시작해볼까요? 기초이니깐 가장 간단한 자바스크립트 부터 배워 보도록 하겠습니다. document.write 를 이용한 효과입니다. write는 알겠는데....document 가 뭐냐구요? 객체라고도 하는뎅...쉽게 말해서 현재 지금 여러분이 보고 있는 웹페이지를 말하는 겁니다. 즉, 현재의 웹페이지에 무언가를 써준다는 뜻이겠죠^^ 그럼 일단 예제를 하나 보죠.
 
예제(document.write) - 태그연습장
<html>
<head>
<script language="javascript">
  document.write("안녕하세요")
</script>
</head>
<body>
<br>
 하하핫^^ 위에 글씨가 써졌죠^^
</body>
</html>		  위에 "태그연습장" 을 클릭해서 한번 해보세요. ............짠~ "안녕하세요" 란 글씨가 나타나죠?^^ 하핫^^ 넘 신기하지 않나요? 전 처음 보고 얼마나 신기하던지.......엥? 시시하다고요? 겨우 그거 나타낼려면 그냥 태그를 쓰지 굳이 어렵게 자바스크립트를 사용하냐구요?  흠.........천만에 만만에 말씀...! 처음에야 이렇게 시시할 수도 있지만 기초가 탄탄해야 만히 나중에 배울때 편하답니다.
 
 
 

  하핫^^ 예? 넘 서운 하다고요? 기대를 많이 했는데...넘 시시해서......기대에 무너지는 것 같다고요? 그럼 document.write 부분을 아래처럼 바꿔보세요.

예제2
<html>
<head>
<script language="javascript">
  document.write("<font color=green><h2><b><marquee>안녕하세요</marquee></b></h2></font>")
</script>
</head>
<body>
<br>
  하하핫^^ 위에 글씨가 써졌죠^^
</body>
</html>

 글자의 색깔이 바뀌었지요? 하핫...이해가 빠른 분이시라면 벌써 눈치를 챗겠지만document.write() 라는 것은 document라는 객체에 html문장을 적어준다는 것을 의미합니다. 하나 배웠으니깐 절대 까먹지 마세요. 까먹으면 제가 용서 못합니다...^^

출처 : 항상 따듯함을 줄수있는 사람이..
글쓴이 : barama61 원글보기
메모 :

'이야기테크 > 블로그이야기' 카테고리의 다른 글

[스크랩] 자바스크립트의 쓰임  (0) 2008.08.25
[스크랩] 자바스크립트의 기본원리  (0) 2008.08.25
[스크랩] 자바스크립트 1  (0) 2008.08.25
[스크랩] 자바 2  (0) 2008.08.25
[스크랩] 자바언어 소개와역사  (0) 2008.08.25

'이야기테크/블로그이야기'의 다른글

  • 현재글[스크랩] 기초강좌

관련글

티스토리툴바