662
No
array1.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
function printArray(a){
for(i=0; i<a.length; i++){
document.write(a[i]+" ");
}
document.write("<br>");
}
var myArray0=new Array(); //배열 변수 선언
myArray0[0] = "사과";
myArray0[1] = "바나나";
myArray0[2] = "오렌지";
var myArray1=["사과", "바나나", "오렌지"]; //대괄호 사용
var myArray2=new Array("사과", "바나나", "오렌지");
printArray(myArray0);
printArray(myArray1);
printArray(myArray2);
</script>
</head>
<body>
</body>
</html>
사과 바나나 오렌지
사과 바나나 오렌지
사과 바나나 오렌지
array2.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
now=new Date();//현재 시각
day =now.getDay(); // 요일코드 (일요일 ~ 토요일 )
document.write("요일코드 : " + day + "<br>");
yoil=new Array("일", "월", "화", "수", "목", "금", "토");
document.write("오늘은 " + yoil[day]+"요일입니다.<br>");
imgYoil=new Array("sun.gif", "mon.gif", "tue.gif", "wed.gif", "thu.gif","fri.gif", "sat.gif");
document.write("오늘은 <img src='../images/"+ imgYoil[day]+"'>요일입니다.");
//일~ 토요일 출력
for(i=0; i<imgYoil.length; i++){
document.write(yoil[i]+"요일" + "<img src='../images/" +imgYoil[i]+"'><br>");
}
</script>
</head>
<body>
</body>
</html>
요일코드 : 2
오늘은 화요일입니다.
오늘은 요일입니다.
일요일
월요일
화요일
수요일
목요일
금요일
토요일
sort.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
var myArray=[10,20, 100, 66, 33, 44, 55];
myArray.sort();//정렬(기본적으로 문자열 기준으로 정렬됨)
document.write("문자열기준: " + myArray+ "<br><br/>");
document.write(myArray+"<br><br/>");
// a -b : 음수 ( a 가 작다.), 양수 (a 가 크다 -자리르 바꿈), 0 (같다)
myArray.sort(function(a, b){ return a-b;});
document.write("오름차순 : " + myArray+"<br><br/>");
var numbers =[1,2, 3, 4, 5, 6, 7, 8, 9, 10];
document.write("배열 : numbers : " +numbers + "<br/><br/>");
//인덱스 5부터 끝까지 잘라냄
var newArray=numbers.slice(5);
//인덱스 5부터 7까지 잘라냄(start, end-1)
var newArray2=numbers.slice(5, 8);
document.write("인덱스 5부터 끝까지 잘라냄 : " +newArray+"<br><br/>");
document.write("인덱스 5부터 7까지 잘라냄(start, end-1) " +newArray2+"<br><br/>");
//배열을 한개의 문자열로 합침, join(연결문자)
var result=numbers.join(" ") ;
document.write("join(연결문자) " +result + " <p>");
document.write("numbers 타입 " +typeof(numbers) + " <p>");
document.write("typeof(result) : " + typeof(result) + "<p>");
//문자열을 배열로 split("구분자")
var result2=result.split(" ");
document.write("typeof(result2) : " + typeof(result2) +"<p>");
document.write(" result2 : " + result2);
</script>
</head>
<body>
</body>
</html>
문자열기준: 10,100,20,33,44,55,66
10,100,20,33,44,55,66
오름차순 : 10,20,33,44,55,66,100
배열 : numbers : 1,2,3,4,5,6,7,8,9,10
인덱스 5부터 끝까지 잘라냄 : 6,7,8,9,10
인덱스 5부터 7까지 잘라냄(start, end-1) 6,7,8
join(연결문자) 1 2 3 4 5 6 7 8 9 10
numbers 타입 object
typeof(result) : string
typeof(result2) : object
result2 : 1,2,3,4,5,6,7,8,9,10
try.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
var msg=""//전역변수
function test(){
try{
alert("Hello");
}catch(erro){ //예외가 발생했을 때 실행할 코드
msg="에러 메시지 : " + error.message;
console.log(msg);
}finally{ // 예외 발생 여부에 관계없이 항상 실행되는 부분
console.log("종료되었습니다.");
}
}
test();//함수 호출
</script>
</head>
<body>
</body>
</html>
js_for_in.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
//사용자 정의 객체
//{변수명 : 값, 변수명 : 값}
var myCar={
maker :"BMW",
model : "X%",
year :2013,
speed :60,
speedDown : function() {this.speed -=10;},
speedUP: function() {this.speed +=10;}
};
myCar.speedUP();
document.write(myCar.maker+"<br>");
document.write(myCar.model+"<br>");
document.write(myCar.year+"<br>");
document.write(myCar.speed+"<br>");
</script>
</head>
<body>
</body>
</html>
BMW
X%
2013
70
calendar.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
//현재 날짜와 현재 달에 1일의 날짜 객체 생성
var date=new Date(); //날짜 객체 생성
var y=date.getFullYear(); //현재 연도
var m=date.getMonth(); //현재 월
var d=date.getDate(); //현재 일
/* 현재 월 첫날의 요일을 구합니다. 그러면 그달 달력의 첫 번째 줄 빈칸의
개수를 구할 수 있습니다.*/
var theDate=new Date(y, m, 1);
var theDay=theDate.getDay(); //요일코드
//현재 월의 마지막 날짜 구하기
//1월부터 12월까지 마지막 날짜를 배열로 저장
var last=[31,28,31,30,31,30,31,31,30,31,30,31];
/*현재 연도가 윤년(4년 주기이고 100년 주기는 제외
, 또는 400년 주기)일경우 2월의 마지막 날짜는 29로 설정 */
if(y%4 && y % 100 !=0 || y%400 == 0)
lastDate=last[1]=29;
var lastDate=last[m]; //현재 월의 마지막 날짜 계산
/* 현재 월의 달력에 필요한 행의 개수 계산
var row(행의 개수)=
Math.ceil( (theDay(빈 칸)+lastDate(월의 전체 일수)) / 7)*/
var row=Math.ceil((theDay+lastDate)/7); //필요한 행수
//달력연도/월 표기 및 달력 테이블 생성
document.write("<h1>"+y+"."+(m+1)+"</h1>");
//문자결합 연산자를 사용해 요일이 나오는 행을 생성
var calendar="<table border='1'>";
calendar+="<tr>";
calendar+="<th>일</th>";
calendar+="<th>월</th>";
calendar+="<th>화</th>";
calendar+="<th>수</th>";
calendar+="<th>목</th>";
calendar+="<th>금</th>";
calendar+="<th>토</th>";
calendar+="</tr>";
var dNum=1;
for(var i=1; i<=row; i++){//행 생성 (tr 태그 생성)
calendar+="<tr>";
for(var k=1; k<=7; k++){//열 생성 (td 태그 생성)
/*행이 첫 줄이고 현재 월의 첫날의 요일 이전은
모두 빈열로 표기하고 날짜가
마지막 날짜보다 크면 빈열로 표기됩니다.*/
if(i==1 && k<=theDay || dNum>lastDate){
calendar+="<td> </td>";
}else{
calendar+="<td>"+dNum+"</td>";
dNum++;
}
}
calendar+="<tr>";
}
//달력 테이블 출력
document.write(calendar);
</script>
</head>
<body>
</body>
</html>
2017.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 | |||
댓글 ( 4)
댓글 남기기