본문 바로가기

º Learning 。/♂ Javascript ♀

5/18 Javascript 첫날

역시 첫날은 첫날인지... 매우 간단한 것부터 시작했다.

먼저 javascript는 <head></head> 혹은 <body></body> 사이에 배치하고 실행한다.

우선은 원하는 글자를 출력해보자!

<HTML>
 <HEAD>
  <TITLE>
Javascript program1 </TITLE>
  <script type="text/javascript">
   document.write("안녕하세요");
   document.write("javascript");
   document.write("첫 수업 시간입니다.");
  </script>
  </HEAD>

 <BODY>

  <br><font color=blue size=3><b>여기가 본문입니다.</font>
 </BODY>
</HTML>

 위의 소스를 메모장에 써 넣고 아무런 이름이나 넣고 저장한다. 

 난 javascript.html 이라고 저장했다. 실행하면 아래와 같이 보일 것이다.



혹여 글이 보이지 않는 다면... 99.9% 오타다..

꼭 다시보고 다시보고 다시보아
오타가 생기지 않도록 하자!!


자 다음은 <BODY> 태그 안에 스크립트를 써보자.

 그냥 글씨를 쓰면 재미없으니 <TITLE> 에 쓴 글을 가져와 보도록 하자.

<HTML>
 <HEAD>
  <TITLE>
Title name : noname </TITLE>
 </HEAD>

 <BODY>
  <font
color=blue size=3><b>여기가 본문입니다.</b></font><br>
   이 홈페이지의 제목은
   <script type="text/javascript">
    document.write("<font color=#996633 size=5>" + document.title+ "</font>");
   </script>
   입니다.
 </BODY>
</HTML>

실행화면은 아래와 같다.

여기까지 하는데 그날 3시가 넘었던것 같다....

선생님이 아무것도 모르는... 처음 시작하는 사람을 가르친다는 생각으로 하셨는데....

난... 무척이나... 졸렸을 뿐이다.. -_-;

본 수업은 25일 부터라고 했으니 내일부터는 어떤 식으로 할지 궁금하다 흐흐...

난 완전 초보가 아니라고!!!!!!!!!!!!!!!!!! 캭~!!!!!!!!!!!

흠흠 잠시 진정하고 이다음에는....

스크립트를 외부에서 불러들여 사용하는 방법을 소개하겠다.

방법은 그다지 어렵지 않다.

우선 외부에 저장할 스크립트를 작성한다.

document.write("<font color='blue'><b>모니터 해상도</b></font>");
document.write("<p>높  이  : " + screen.height + "<p>");
document.write("너  비  : " + screen.width + "<p>");

작성한 스크립트를 확장자 .js 로 저장한다.
(이름은 아무이름이나 상관없다. 난 script.js 로 저장)

그리고 html페이지 만들고 <head></head> 사이에 스크립트를 불러오는 명령을 넣는다.

<HEAD>
  <TITLE>
독립된 파일 삽입 </TITLE>
   <script
type="text/javascript" src="script.js">
  </script>
</HEAD>


위와 같이 src="script.js" 만 넣어주면 간단히 스크립트를 불러올수 있다.

'º Learning 。 > ♂ Javascript ♀' 카테고리의 다른 글

iframe  (0) 2009.05.25
Switch문 학점분류  (0) 2009.05.25
Switch문 예제  (0) 2009.05.25
confirm() 함수  (0) 2009.05.25
지역, 전역 변수  (0) 2009.05.25