js
-
-
-
-
-
문자열자르기js 2021. 6. 29. 16:50
1.slice(시작위치,종료위치) 앞에서 부터 자르기 var str = "ABCDEFGHIJK"; var sliceRs = str.slice(1,3); console.log("slice : " + sliceRs); 앞에서 1번째부터 3번째 까지 자른다는 의미 결과 BC 뒤에서 부터 자르기 var str = "ABCDEFGHIJK"; var sliceRs = str.slice(-3,-1); console.log("slice : " + sliceRs); 뒤에서 3번째부터 뒤에서 1번째 까지 자른다는 의미 결과 IJ var str = "ABCDEFGHIJK"; var sliceRs = str.slice(-3); console.log("slice : " + sliceRs); 뒤에서부터 3개의 문자열을 자른다는 ..
-
클라이언트 자바스크립트js 2020. 8. 18. 09:53
자바스크립트를 사용하지 않는 웹 페이지는 정적 웹페이지라고 흔히 불립니다. 즉 문서 하나를 표현하기만할 뿐 변화하지 않습니다. 자바스크립트를 활용하면 사용자 입력에 대응하는 등 다양한 작업을 자동화하여 웹 페이지의 사용성을 향상시킬 수 있습니다. 기술적인 측면에서는 웹 브라우저에서 자바스크립트가 하는 일을 네 가지로 분류할 수 있습니다. 1.웹페이지의 document객체 제어 - DOM API를 활용하여 제어 2.웹 페이지의 window객체 제어 및 브라우저 제어 - 웹 브라우저에 내장된 다양한 객체를 활용 3.웹 페이지에서 발생하는 이벤트 처리 - 이벤트 처리기를 활용 4.http를 이용한 통신 제어 - XMLHttpRequest 객체 활용 웹 브라우저에서의 자바스크립트 실행 순서 1.웹 브라우저로 웹..
-
HTML 요소를 동적으로 읽고 쓰기js 2020. 8. 17. 19:35
지금까지 이벤트 처리기를 등록하는 방법을 배웠습니다. 이제는 js를 활용하여 html 요소 안의 내용을 동적으로 읽고 쓰는 방법을 배워보겠습니다. HTML 요소의 innerHTML 프로퍼티로 읽고 쓰기 요소 객체의 innerHTML 프로퍼티는 그 HTML요소의 내용을 가리키며 이것으로 HTML 요소의 내용을 읽거나 쓸 수 있습니다. ? 위 프로그램은 스톱워치 프로그램이다 기존의 html속성에 이벤트 처리기를 등록하지 않고 js부분과 html부분을 완전히 분리하여 js부분에서 이벤트 처리기를 등록하였다. 일단 먼저 window.onload를 사용하여 html문서를 다 읽어 드린후 각 id의 요소 객체를 가져온다. start 버튼을 누르면 그 때의 시간이 저장되고 end버튼을 누르면 현재의 시간이 저장된다...
-
이벤트 처리기 등록하기js 2020. 8. 17. 18:57
웹 브라우저에서 동작하는 프로그램은 기본적으로 이벤트 주도형 프로그램입니다. 이벤트란 사용자가 버튼을 클릭하는 행위처럼 단말기와 애플리케이션이 처리할 수 있는 동작이나 사건을 뜻합니다. 이벤트 주도형 프로그램이란 이벤트가 발생할 때가지 기다렸다가 이벤트가 발생했을 때 미리 등록해 둔 작업을 수행하는 프로그램을 말합니다. 이벤트 처리기 이벤트가 발생했을 때 실행되는 함수를 말합니다. 함수를 이벤트가 발생했을 때 동작할 이벤트 처리기로 설정하는 행위를 가리켜 '함수를 이벤트의 이벤트 처리기로 등록' 한다고 합니다. 함수를 이벤트 처리기로 등록하는 방법은 세가지입니다. 1.HTML 요소의 속성으로 등록하는 방법 html요소에 이벤트 처리기 속성을 설정하면 그 요소에 이벤트가 발생했을 때 동작하는 이벤트 처리기..