<script> 의 우선순위
<script> 태그가 어디 있는지에 따라 실행되는 순서가 달라진다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
// document.write("<h1>이건 내가 자바스크립트로 넣은거지롱</h1>");
alert("자바스크립트 경고창이지롱")
</script>
</head>
<body>
<!-- <h1>자바스크립트 사랑해잉</h1>-->
<script>
// document.write("<h1>이건 내가 자바스크립트로 넣은거지롱</h1>");
alert("바디안에 스크립트 넣었는데여,,,")
</script>
</body>
</html>
HTML
복사
이렇게 코드를 작성하고 실행하면 header 안에 있는 alert 이 먼저 실행되고, 후에 body 안에 있는 alert 이 실행된다.
외부 js 파일이 body 에 들어간다면?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
alert("자바스크립트 경고창이지롱")
</script>
</head>
<body>
<script src="./ex01.js"></script>
<script>
alert("바디안에 스크립트 넣었는데여,,,")
</script>
</body>
</html>
HTML
복사
만약 이렇게 되어있고, 같은 위치에 아래와 같은 js 파일이 있다고 하자.
alert("외부 자바스크립트 파일 임니다아앙")
JavaScript
복사
어떤 alert 이 먼저 실행될까? 정답은 아래와 같다.
1.
header
2.
body
•
외부 js 파일 안의 alert
•
<script> 태그 안의 alert
js 코드를 별도 파일에 작성
js 코드 파일을 저장하려면…
•
확장자 .js 파일에 저장한다.
•
<script> 태그 없이 자바스크립트 코드만 저장
웹페이지에서 부를 때
•
<script> 태그의 src 속성으로 파일을 불러서 사용한다.
<head>
<script src="파일이름.js">
</script>
</head>
JavaScript
복사
링크의 href 에 js 코드 작성
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="javascript:alert('')"></a>
</body>
</html>
JavaScript
복사
js 로 HTML 콘텐츠 출력하기
<script>
document.write();
document.writeln(); // 다음 줄로 넘어가는 것은 아니다.
</script>
JavaScript
복사
js promp dialog
사용자로부터 문자열을 입력 받아 리턴한다.
<script>
var ret = prompt("message", "defualt");
if (ret == null) {
// 취소 버튼이나 다이얼로그를 닫은 경우
} else if (ret == "") {
// 문자열 입력 없이 확인 버튼을 누른 경우
} else {
// ret 에는 사용자가 입력한 문자열이 있다.
}
</script>
JavaScript
복사
js confirm dialog
<script>
var ret = confirm("전송할까요");
if (ret == true) {
// 사용자가 확인 버튼을 누른 경우
} else {
// 취소 버튼이나 다이얼로그를 닫은 경우
}
</script>
JavaScript
복사
식별자
•
자바스크립트 프로그램의 변수, 상수(리터럴), 함수의 이름
•
식별자 만드는 규칙
◦
첫번째 문자는 알파벳, 언더스코어(_), $ 문자만 사용 가능하다.
◦
두번째 이상은 알파벳, 언더스코어(_), 숫자, $ 사용 가능하다.
◦
대소문자는 구분되어 다루어진다.
◦
자바스크립트 예약어는 사용이 불가하다.
▪
false, for, if, null …
상수
문자열
•
이중 인용 부호와 단일 인용 부호 모두 사용한다.
•
문자열 내에 문자열이 존재할 수 있다.
◦
“ 문자를 그대로 사용하고자 하는 경우 \” 로 사용한다.
var cite = "그녀는 \"누구세요\" 라고 했습니다.";
JavaScript
복사
연산자
•
연산의 결과는 항상 실수이다.
함수
// 함수의 구성
function example(arg1, arg2 ...) {
// 결과를 리턴
}
// 함수의 호출
var n = example(arg1, arg2 ...);
JavaScript
복사