블로그 이미지
Magic_kit
study 관련자료를 한곳으로 자기 개발 목적으로 재태크 재무 관리 목적으로 일상생활의 팁을 공유 하기 위하여 블로그를 개설 하였습니다.

calendar

 «  » 2024.5
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
반응형

Category

Recent Post

Recent Comment

Archive

'.Net Project/JavaScript'에 해당되는 글 19건

  1. 2009.07.30 03장 자바스크립트 분리
  2. 2009.07.30 02장 자바스크립트 삽입(HTML적용)
  3. 2009.07.30 01장 자바스크립트시작1
2009. 7. 30. 14:05 .Net Project/JavaScript

03장 자바스크립트 분리

반응형



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>자바스크립트 코드를 외부에 두기</title>
</head>
<body bgcolor="#ffcc99"> //배경색 지정
<!--외부 js라는 폴더를 생성하여 자바 스크립트 사용하는 방법 -->
<script
    language="javascript"
    type="text/javascript"
    src="js/alert.js">
</script>

</body>
</html>

js라는 이름을 가진 폴더를 생성 후 아래와 같은 형식으로 선언 후
 

 window.alert("외부에 자바스크립트 코드 사용");
 document.write("메시지박스 출력 후 문서 영역에 출력");

자바.html이라는 파일을 src="js/alert.js" 이런식으로 파일을 불러와서 사용 가능 합니다 .
자바분리, 또는 자바 링크라고 표현 하겠습니다



위와 같은 Message Box 로 "외부에 자바크립트 코드 사용" 중이라고 화면 출력

 window.alert("외부에 자바스크립트 코드 사용");

반응형

'.Net Project > JavaScript' 카테고리의 다른 글

06장 자바스크립트 객체 속성 메서드  (0) 2009.07.30
05장 자바스크립트 작성시 유의사항  (0) 2009.07.30
04장 태그내에서 자바스크립트 정의  (0) 2009.07.30
02장 자바스크립트 삽입(HTML적용)  (0) 2009.07.30
01장 자바스크립트시작  (1) 2009.07.30
posted by Magic_kit
2009. 7. 30. 13:53 .Net Project/JavaScript

02장 자바스크립트 삽입(HTML적용)

반응형


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"         
                                "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
//생략가능 mata
<meta http-equiv="Content-Type" content="text/htm; charset=utf-8 
    <title>02.자바스크립트 삽입</title>

<style type="text/css">
body //배경색 지정(노랑색으로 설정)
{
    background-color:Yellow;
    color:Blue;
}
</style>
<!--스크립트 영역은 헤더 태그에 위치하도록 한다 -->

//language 생략가능 하지만 Type는 꼭 선언 해주어야 합니다.
<script language="javascript" type="text/javascript">

// 도큐먼트 객체(개체) write Method;함수(메서드;함수)로 화면 출력
    document.write("안녕하세요<br /> 반갑습니다. <br />");
    document.write("만나서<br /> 반갑습니다. <br />");
    //윈도우 객체의 alert() 함수 호출로 경고대화상자(메시지박스)출력
    window.alert("삽입에 성공하셨군요? \n 다음 내용도 꼭 성공하세요..");
</script></head>
<body>
</body></html>


Window.alert 윈도우 경고 MessageBox 이벤트 핸들러 사용하여 이벤트 처리



반응형

'.Net Project > JavaScript' 카테고리의 다른 글

06장 자바스크립트 객체 속성 메서드  (0) 2009.07.30
05장 자바스크립트 작성시 유의사항  (0) 2009.07.30
04장 태그내에서 자바스크립트 정의  (0) 2009.07.30
03장 자바스크립트 분리  (0) 2009.07.30
01장 자바스크립트시작  (1) 2009.07.30
posted by Magic_kit
2009. 7. 30. 13:38 .Net Project/JavaScript

01장 자바스크립트시작

반응형



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
                             "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>01.자바스그립트 시작</title>
</head>
<body bgcolor="#ffcc99">

<h3>안녕하세요.</h3>
<h3 style="color:Red;">안녕하세요</h3>

<!--onclick 이벤트 핸들러로써, 자바 스크립트 기능 역활을 하고 있다.-->
<!--'반갑습니다' 클릭하면 이벤트 핸들러 발생-->
<h3 style="color:Blue;background-color:Yellow;" onclick="alert('클릭하셨군요.');">
  자바스크립트시작</h3>

</body>
</html>
자바스크립트시작 클릭하였을 경우 "클릭하셨군요" 기본적인 Window 경고 MessageBox 확인


onclack=alert() 이와 같은 방식으로 이벤트 핸들러 발생시켜 사용 


 

반응형

'.Net Project > JavaScript' 카테고리의 다른 글

06장 자바스크립트 객체 속성 메서드  (0) 2009.07.30
05장 자바스크립트 작성시 유의사항  (0) 2009.07.30
04장 태그내에서 자바스크립트 정의  (0) 2009.07.30
03장 자바스크립트 분리  (0) 2009.07.30
02장 자바스크립트 삽입(HTML적용)  (0) 2009.07.30
posted by Magic_kit
prev 1 2 3 4 5 next

티스토리툴바