반응형 참고/JAVASCRIPT28 open() 메서드 사용해 팝업창 나타내기 - html 파일 두개 필요 1. 팝업될 창의 html 파일 // 팝업될 창 이미지 파일을 넣어주고 img 태그의 usemap명과 map태그의 name명을 맞춰준다. area태그의 coords 는 이미지의 좌표다. *이미지 좌표 구하기 더보기 클릭 더보기 circle 구하는 방법은 원의 중심에 마우스를 올리면 x y 표가 뜨는데 그것을 적고, 그 중심점에서 반지름 크기를 마지막에 적는다. 코드는 위 코드블럭 참고 (coords="중심점(x, y), 반지름 크기) = (coords="a,b,c) 2. 팝업될 창을 불러오는 html 파일 width=300, height=400 는 팝업창의 가로 세로 크기 left=300은 웹화면 왼쪽에서 오른쪽으로 300 떨어지고, top=50은 웹창 가장 위쪽(주소표시줄 .. 2020. 6. 16. 복습 - setInterval - HTML - 시작 종료 - JAVASCRIPT - var t = null; var num = 1; function increment() { // txt_temp.value = (txt_temp.value*1) + 1; document.getElementById("txt_temp").value = num++; } function start() { if(t == null) { t = setInterval(increment, 1000); } else { } } function end() { clearInterval(t); } 설명 버튼을 누르면 인풋창에 인터벌로 인하여 1초(1000)마다 1씩 증가한다. txt_temp.value = "txt_temp" + 1 로 작성하면 1씩 증가가 아니고 1111111.. 2020. 6. 3. setInterval / clearInterval *setInterval (정한 시간마다 실행) // 시작 버튼을 만들어준다. Interval Start function func() { alert('hi :)'); } function start() { setInterval(func, 3000); } 결과 Interval Start 버튼을 누르면 3000(3초) 마다 경고창이 뜬다. setInterval을 쓰면 경고창이 나오는데 경고창을 누르지 않아도 계속 쌓인다. 그래서 이를 멈춰주기 위해 clearInterval을 사용. *clearInterval // End 버튼을 하나 더 만들어줌. Interval Start Interval End var info = 0; function func() { alert('hi :)'); } function start(.. 2020. 6. 2. JSON - Javascript Object Notation JSON이란? 데이터를 저장하거나 전송할 때 사용되는 경량의 DATA-교환 형식 Javascript에서 객체를 만들 때 사용하는 표현식 JSON표현식은 사람과 기계 모두가 이해하기 쉽고 용량이 작다. var arr1 = [ {"area":"서울", "name":"무대리"}, // index 0 {"area":"부산", "name":"홍과장"}, // index 1 {"area":"서울", "name":"빅마마"} // index 2 ] document.write(arr1[0].name); 설명 arr1에 배열 인덱스번호 0번째에 있는 name을 출력한다. 결과 무대리 객체처럼 key / value 값이 있으며 key값이나 문자열은 " "(쌍따옴표)를 이용. 객체, 배열 등 사용 가능. 다수 중첩 사용 가.. 2020. 5. 26. 이전 1 2 3 4 ··· 7 다음 반응형
