JavaScript4 210902_JavaScript (function, 비동기) JavaScript JavaScript는 웹의 프로그래밍 언어이다 Basic window.onload() 함수와 복합연산자 원칙상 자바스크립트의 document.getElementById("wrap").innerHTML = list; 가 html 내부 id의 wrap이란 태그가 생성되기 전에 실행 되면서 에러가 발생한다. 따라서 자바스크립트 문서를 html 뒤로 옮겨서 작성해야한다. 그러나 자바스크립트 아래쪽에 놓여있으면 가독성이 떨어지기 때문에 이러한 불편함을 해결하기 위해 문서앞에 선언해도 상관없게 하는 함수가 window.onload이다. window.onload함수를 오버라이딩(재정의) 해주면 되는데 해당 함수 내의 코드 스크립트는 웹 브라우저 내의 모든 요소가 준비가 되어야 실행 될 수 있다. .. 2021. 9. 2. 210609_JavaScript 3 JS FORM 객체 1. 태그는 독립적으로 사용하지 않는다. 2. 태그 안에는 여러가지 입력 양식을 사용한다. 3. DOM (Document Object Model)로 접근해서 제어한다. 4. Form 객체를 액세스하여 제어한다. 5. js Form 객체 속성 : html을 tree구조인 Dom의 객체로 리턴을 받고 난 다음의 Form 객체속성 action : 태그의 action과 동일하다. elements : Form 태그안에 있는 양식(이너태그)을 배열로 관리 length : 이너태그의 갯수를 리턴 name : 태그의 name과 동일하다. method : 태그의 method랑 동일하다. target : 태그의 target 랑 동일하다. 6. 폼 태그의 객체 탐색 ex) 6-1. document.fm... 2021. 6. 9. 210608 _JavaScript 2 ✨ JS의 구동원리를 구현하고 사용할 수 있다. ✨ 배열과 함수, 폼데이터처리, 이벤트연동, 검증하는 방법등을 구현할 수 있다. ✔ 배열 : 하나 이상의 상수를 나열해서 하나의 이름으로 등록해서 사용하는 참조형으로 원소(요소)를 인덱스로 관리하며 0부터 시작한다. lenth 속성을 가진다. [형식] user_name = new Array(요소....또는 요소의 사이즈); ex) var av = new Array (10, 20, 30, 40, "abc"); av -----------> av[0] av[1] av[2] av[3] av[4] join() : 배열을 하나의 문자열로 만든다. reverse() : 역순 sort(): 정렬 slice(): 배열의 일부를 선택해서 부분적인 새로운 배열을 생성한다. c.. 2021. 6. 8. 210607_JavaScript 1 자바스크립트 태그 ✔ 형식 LANGUAGE : 스크립트 언어 종류를 설정. 자바 스크립트는 JavaScript를 넣고 비주얼베이직 스크립트는 VBScript를 넣으면 됨 SRC : 경로를 포함한 파일명을 설정. “C:/Jscript/test.js”와 같은 형식으로 설정 -- JS01 파일 document.write("First script1 "); document.write("First script2 "); document.write("First script3 "); document.write("First script4 "); ✔ 출력문 ✔ 연산자 : input A =2, input B =3 했을 때 ✔ 제어문 : 2를 입력 했을 때 2021. 6. 7. 이전 1 다음
