본문 바로가기

컴퓨터/언어,프로그래밍

자바스크립트 첫번째 요약정리


1. 자바스크립트란?
- 자바스크립트는 선마이크로시스템즈(Sun Micro Systems)와 넷스케이프에서 공동으로 개발한 스크립트 언어
- 자바스크립트 정적인 HTML 문서를 동적을 만드는 것

 

스크립트 언어 : 컴퓨터 프로세서가 아닌 다른 프로그램에 의해서 변역이 되거나 수행되어지는 프로그램의 명령어를 말한다.

 

2. 자바스크립트의 특징
- 자바스크립트는 인터프리팅 언어
- 데이터 타입에 구애 받지 않음
- 대소문자 구별
- 객체지향스크립트 언어

 

3. 자바스크립트 기본 문법
- javascript문법 직접 입력
<Head>
<script language="javascript">
  <!--
    스크립트 문법
  //-->
</script>
</Head>

<html>
<head>
 <title>소스1-1</title>
 <script>
  document.write("<h3>예제 1: 이것이 기본 태그이다.</h3>")
 </script>
 <script language="javascript">
         document.write("<h3>예제 2: langage에서 스크립트 언어 종류를 결정한다.</h3>");

       

        // 주석 : 스크립트를 라인단위로 수행되기 때문에 윗문장과 아랫문장을 연결하기 위해서는
        // 반드시 '\' 역슬래쉬를 사용한다.
  
        document.write("<h3>예제 2: langage에서 스크립트 언어\
        종류를 결정한다.</h3>");
 </script>
 <script language="javascript1.2">
         document.write("<br>예제 3: 이렇게 스크립트버전을 쓸 수도 있다.");
 </script>
</head>
<body>
</body>
</html>

 

- Script file(js파일명) 호출
<html>
<head>
<script language="javascript" scr="script file">
</script>
</head>

 

- js 파일을 이용한 자바스크립트

▷ test.js
document.write("자바스크립트 파일을 호출시 보입니다.")
document.write("<br>짜!잔... 불러올 파일 입니다.")

 

▷ 새문서.htm
<html>
<head>
 <title>예제</title>
 <script>
  document.write("문서 안에서 출력!")
 </script>
 <script language="javascript" src="test.js">
       document.write("보이나요?") // 적용이 되지 않는다.
 </script>
 <script>
       document.write("보이나요? 이건 보이죠") 
 </script>
</head>
<body>
</body>
</html>

 

4. 참고
- navigator는 현재 사용하고 있는 접속자의 웹브라우저의 기본적인 정보를 나타내는 객체

<html>
<head>
<title>소스1-2</title>
<script lanuage="JavaScript">
<!--
    document.write("웹브라우저 종류 : ", navigator.appName,"<BR>")
    document.write("웹브라우저 코드명 : ", navigator.appCodeName,"<BR>")
    document.write("웹브라우저 버전 : ", navigator.appVersion,"<BR>")
    document.write("사용자 웹브라우저 정보 : ", navigator.userAgent,"<BR>")
    document.write("시스템코드 : ", navigator.platform,"<BR>")
    document.write("플러그인 정보 : ", navigator.plugins,"<BR>")
    document.write("mime 정보 : ", navigator.mimeTypes,"<BR>")
    document.write("웹브라우저 언어 : ", navigator.language,"<BR>")
//-->
</script>
</head>
</html>

 

- 변수 사용

<html>
<head>
<title>소스1-2</title>
<script lanuage="JavaScript">var version</script>
<script lanuage="JavaScript1.0">version=1.0</script>
<script lanuage="JavaScript1.1">version=1.1</script>
<script lanuage="JavaScript1.2">version=1.2</script>
<script lanuage="JavaScript1.3">version=1.3</script>
<script lanuage="JavaScript1.4">version=1.4</script>
<script lanuage="JavaScript1.5">version=1.5</script>
<script lanuage="JavaScript">
    document.write("현재 사용 버전  ", version);
</script>
</head>
<body>
</body>
</html>

 

- vbscript, bgColor 사용예

<html>
<head>
<title>소스1-2</title>
<script>
    document.write("하하하 신나는 하루<br>")
</script>
<script language="JavaScript">
    document.write("호호호 재미난 하루")
</script> 
<script language="vbscript">
   // vbscript는 익스플러로에서만 보임
    document.write(date)
</script>
<script>
<!--
    document.bgColor="yellow"
//-->
</script>

</head>
<body>
</body>
</html>

제주삼다수, 2L,... 오뚜기 진라면 매운... 상하목장 유기농 흰... 남양 프렌치카페 카... 고려인삼유통 홍삼 ... 종근당건강 오메가3... 요이치 카링 유무선...