728x90
반응형
SMALL

JavaScript 6

[WEB/javascript] SetTimeout 몇초시간이 지나면 함수를 실행시키기

SetTimeout('call()', 1000); SetTimeout('call()', 10000); SetTimeout('call()', 30000); SetTimeout('call()', 60000); SetTimeout('call()', 360000); call()함수를 1초, 10초, 30초, 1분, 1시간이 지나면 실행!! - 참고 링크 자바스크립트 setTimeout실행시키기 - https://squll1.tistory.com/entry/javascript-setTimeout-%EB%AA%87%EC%B4%88%ED%9B%84%EC%97%90-%ED%95%A8%EC%88%98-%EC%8B%A4%ED%96%89 [javascript] setTimeout 몇초후에 함수 실행 setTimeout('t..

[Javascript/SweetAlert창] alert창 대신 SweetAlert2창을 써보자!!

php쪽 과련 그누보드랑 워드프레스쪽 유지보수 프리랜서 일을 하다가 alert창을 꾸미고 위에 주소창도 바꿀 수 있는 방법이 무엇이있을까 고민을 하게 되었습니다~~ ㅇㅅㅇ!! 최종프로젝트나 대규모프로젝트에서나 사용하는데요~ 보통 때는 alert창을 써도 되는데 alert창을 꾸미거나 내용도 바꾸기 위해서 사용할 수 있는 방법은 SweetAlert2창 종류들을 쓰는 것입니다. 이 알람창의 좋은 점은 alert창을 꾸밀 수도 있지만 시간이나 텍스트도 설정할 수 있다는 점입니다. 자유자재는 아니지만 유유하게 경고창 버튼창들도 수정할 수 있다는 좋은 장점을 가지고 있습니다! https://sweetalert2.github.io/#download SweetAlert2 A beautiful, responsive, ..

[웹/JS]자바스크립트 유효성 검사에 대한 내용 정리~!!

자바스크립트를 사용한 유효성 검사를 하는 내용들은 많다고 하는데요~! 앞에 내용을 보면 누락에 대한 유효성 검사를 했는데요~ㅎㅎ 그것말고도 몇가지 검사를 하는 것들이 있는데 그것들에 대해서 알아보겠습니다~!! 일단 소스코드를 보고 먼저 파악해보겠습니다~!! 이렇게 우편번호, 전화번호, 주민등록번호, 아이디, 이메일 체크 같은 유효성 검사도 있습니다. 이것들은 나중에 jsp나 spring등에서 회원가입이나 로그인할 때, 많은 필요성을 느끼실 것 입니다. 자 이제 그럼 form창에서 잘 정리된 유효성 검사들을 smooth하게(?) 넘기는 작업도 해보도록 할까요~ㅎㅎ 잘 되신다면 alert창으로 올바른 형식, 잘 안된다면 잘못된 형식이 뜨게 됩니다. 자바스크립트에서 유효성 검사 기타 내용들은 일단 이 정도까지..

[웹/JS]자바스크립트 function사용해서 페이지 넘기기~!!

안녕하세요~ㅎㅎ IT깡패's인데요~ㅎㅎㅎ 자바스크립트에서 input창으로 function함수를 사용해서 페이지 넘기는 방법에 대해서 알아보겠습니다~!! 여기서 넘기는 방법은 두가지있는데요~ js파일을 써서 사용하던지 스크립트를 바로 써서 사용하는 방법들인데요~!! * js파일 써서 사용하는 방법 -a123.html 도서 정보 입력 제목 저자 출판사 가격 입고일 배송비 유료 무료 구입가능 서점 교보문고 알라딘 yes24 인터파크 보유수량 선택 1 2 3 4 5 - script.js function inputCheck(){ //alert(1); str = "입력한 항목은\n"; //if(document.myform.title.value.length==0){ if(document.myform.title.val..

[웹/JS]DOM에 대한 내용들~!!

- DOM 구조 DOM은 정의 부분과 구현 부분으로 나뉘어져 있으며 정의부분(명세)에는 실제 동작하는 구현 소스 없이 웹 페이지 문서를 조작할 때 지켜야하는 규약이 명시되어 있다. DOM 정의 부분을 만드는 곳은 웹 표준을 정의하는 W3C 입니다. 구현 부분은 각각의 브라우저에 존재하며 각 브라우저를 만드는 업체의 기술력을 바탕으로 DOM의 내부 동작 코드를 채워 구현한다. DOM 표준 정의에 맞지 않는 형식의 함수명이나 기능으로 구현을 해놓은 브라우저일 경우 웹 표준을 지원하지 않는 브라우저라고 부른다고 하네요~ - 간단한 DOM구조 HTML문서 HEADER TEXT - 간단한 DOM구조 HTML문서2 HEADER TEXT 자바스크립트의 dom구조란 쉽게 말해서 html문서안에 h1이라던지 내용을 ja..

[웹/JS]자바스크립트 경고창에 대한 내용들~!!

자바스크립트의 alert, prompt, confirm 경고창에 대해서 한번 알아보겠습니다~ 1. alert(경고창) Alert함수는 사용자에게 중요한 내용이나 경고창을 띄워줄 때 주로 사용하는 함수입니다. 여러가지 창 중에서 가장 많이쓰이는 기본적인 형태의 팝업창입니다. alert("어서오세요!"); 2. Prompt(입력)창 Prompt함수는 사용자에게 입력값을 받을 수 있는 창을 띄워주는 함수입니다. 사용자에게 받은 값을 String타입의 리턴값으로 반환해주며 입력값이 없을경우에는 Null값을 리턴합니다. var userInput = prompt("당신의 이름은 무엇인가요?"+""); alert(userInput+"님 환영합니다."); 3. Confirm(선택)창 Confirm함수는 사용자에게 Tu..

728x90
반응형
LIST