|
 |
 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문장을
적어준다는 것을 의미합니다. 하나 배웠으니깐
절대 까먹지 마세요. 까먹으면 제가 용서
못합니다...^^
|
메인 페이지로 || 태그연습장 || 다음 페이지로
|
|
|
| 자바스크립트 기본상식 |
· 변수의 정의
· 함수의 정의
· 객체의 정의
· 연산자
· 제어문
· 이벤트핸들러 기능
· 절대경로와 상대경로
· 소스복사 활용법
· 한줄 스크립트 만들기
|
|
|
