728x90
반응형

JavaScript

 
자료형 변수명;
자료형 변수명=값;
var num = 5 ;
var num= 0.5 ; 실수형
var num ="하늘" ;
var num = '하' ;
var => 전역
let => 일반 지역
const => 상수(지역)
 
인라인 스크립트
: 시작엘리먼트에 이벤트핸들러속성으로 기술하는 형식
내부 스크립트
: <script></script>
태그 안에 기술하는 형식
외부 스크립트
: <script>
에 src속성을 이용하여 외부.js파일을 끌어서 사용하는 형식
 
우선순위 : 가장 마지막에 기술된 함수가 우선순위로 처리  
// 자바스크립트의 한 줄 주석
/*자바스크립트의 여러 줄 주석*/

 
alert함수 형식 ->[확인]버튼 하나만 가지고 있는 알림창을 띄워주는 함수
- window객체(자바스크립트의 최상위 객체)에서 제공되는 함수
- alert("출력하고자하는 메세지 기술");
- 자바스크립트는 문자열값을 ""(큰따옴표) 또는 ''(작은따옴표)로 묶어서 처리한다.

alert("Hello, \nJavaScript!!");
window.alert("Hello, \nJavaScript!!"); 
ALERT("Hello, \nJavaScript!!"); 
ALERT is not defined 대문자 사용x
 
document.write( ) ;
- body안에 데이터를 html형식으로 쓴다.
- text,<tag>로 기술가능
       
자바스크립트의 변수 선언형식
키워드(var, let, const) 변수명; //선언
키워드(var, let, const) 변수명 = 값; //선언 및 초기화
자료형 제한이 없다.ALERT
       
var str="";
str=55;

한 줄 입력창으로 문자열값으로 반환한다.
var yourName = window.prompt("당신의 이름은?");
document.write(yourName + "님, 환영합니다.<br>") ;
 

 


hellojs.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //자바스크립트의 한 줄 주석
        /*자바스크립트의 여러 줄 주석*/
        // alert함수 형식 ->[확인]버튼 하나만 가지고 있는 알림창을 띄워주는 함수
        // window객체(자바스크립트의 최상위 객체)에서 제공되는 함수
        // alert("출력하고자하는 메세지 기술");
        // 자바스크립트는 문자열값을 ""(큰따옴표) 또는 ''(작은따옴표)로 묶어서 처리한다.
        alert("Hello, \nJavaScript!!");
        // ALERT("Hello, \nJavaScript!!"); //대문자 인식x
        // document.write() : body안에 데이터를 html형식으로 쓴다.ALERT
        
        // 자바스크립트의 변수 선언형식
        // 키워드(var, let, const) 변수명; //선언
        // 키워드(var, let, const) 변수명 = 값; //선언 및 초기화
        // 자료형 제한이 없다.ALERT
        
        // var str="";
        // str=55;

        // 한 줄 입력창으로 문자열값으로 반환한다.
        var yourName = prompt("당신의 이름은?");
        document.write(yourName + "님, 환영합니다.<br>");

    </script>
</head>
<body>
    자바스크립트는 웹 페이지에서 복잡한 기능을 구현할 수 있도록 하는 스크립팅 언어 또는 프로그래밍 언어입니다.<br>
    내용을 적습니다.

    안녕하세요.
</body>
</html>​
728x90
반응형

'[JS]' 카테고리의 다른 글

operator  (0) 2024.02.27
[JS] operator  (0) 2024.02.27
[JS] typeof  (0) 2024.02.27
variable  (0) 2024.02.26
prompt  (0) 2024.02.26

+ Recent posts