WEB/JAVASCRIPT10 자바스크립트 정규표현식으로 회원가입 폼 만들어보기 HTML,CSS는 점차 보완해나갈 예정이다. SignUp Form ID 영문자,숫자를 사용하여 5~8자리를 입력하세요. PASSWORD 영어 소문자,대문자,숫자,특수문자 모두 사용하여 6~12자리를 입력하세요. Name 한글만 가능합니다. Date of Birth Gender 선택 여성 남성 Email Phone 2022. 6. 30. 자바스크립트로 페이지 이동(location.href, location.replace()) 우리는 이전까지, html태그인 를 통해서 페이지를 이동해왔다. 자바스크립트의 Window 객체의 프로퍼티인, location을 통해서도 웹 문서의 주소를 다룰 수 있다. 가장 많이 사용되는 것은 location.href와 location.replace()인데, 다음과 같은 차이가 있다. location.href location.replace() location 객체의 프로퍼티 location 객체의 메소드 웹브라우저의 히스토리가 기억됨 웹브라우저의 히스토리 기억 안됨 뒤로가기 가능 뒤로가기(호출한 페이지로 이동) 불가 location.replace()의 경우에는 뒤로가기가 불가능하기 때문에, 보안상 뒤로가기를 해서는 안되는 경우에 사용하기 적합하다. 예제로 확인해보자. 내부 자바스크립트 호출기법 하이퍼.. 2022. 6. 30. 자바스크립트로 HTML에 팝업창 띄우기,닫기 window.open('팝업주소 또는 파일이름','팝업창 이름','팝업창 설정'); 자바스크립트의 window객체의 open(url,name,option)함수를 활용하면 팝업창을 띄울 수 있다. url : 팝업을 띄울 url 또는 경로를 나타낸다. 빈 문자열을 지정하거나 매개변수를 생략하면 빈 페이지가 열린다. name : 새로 열리는 창의 이름이나 속성값을 지정한다. _blank 새 창 열기(기본값) _parent 부모 프레임에 열기 _self 현재 페이지에 열기 _top 로드 프레임셋에 열기 새로 열린 팝업창의 이름을 정하는데, 동일한 이름의 팝업창이 열려있다면 또 열리지 않고 열린 창을 대상으로 실행. 이름이 다르다면 새로 열린다. option : 팝업 옵션, 선택적인 값으로 창 크기나 스크롤바 등.. 2022. 6. 30. 자바스크립트로 문서에 HTML요소 추가하기 Document.createElement(); 태그네임의 HTML요소 노드를 생성한다. Document.createElement("h1"); //을 생성 Document.createTextNode(); 선택한 요소에 텍스트 노드를 추가한다. Document.createTextNode("안녕하세요."); 부모노드.appendChild(자식노드); 부모노드에 자식노드를 추가한다. parent.appendChild(child); 부모노드.removeChild(자식노드); 부모노드의 자식노드를 제거한다. parent.removeChild(child); 예제 코드 나를 클릭해봐! 리스트 1 리스트 2 삭제 2022. 6. 30. 이전 1 2 3 다음