728x90 개발자공간/SCRIPT20 html2canvas 사용방법 - 캡처를 이미지로 다운받기 javascript 브라우저 화면을 캡처해서 다운로드 받게 해주는 html2canvas를 사용해봅시다 참고 : https://html2canvas.hertzen.com/ 사용법 div영역 저장 2023. 4. 3. 스윗트래커 배송조회 api사용 jquery //스윗트래커로 송장번호를 넘겨주고 배송정보를 가져옴 let delikey = "YOUR API KEY"; let delivery_idx = $(this).data('comidx'); let delivery_no = $.trim($(this).data('invno').toString().replace(/[^0-9]/g, "")); //숫자만 추출 if(delivery_idx && delivery_no){ let apiEndpoint = "https://info.sweettracker.co.kr/api/v1/trackingInfo?t_key="+delikey+"&t_code="+delivery_idx+"&t_invoice="+delivery_no; $.ajax({ type: 'GET', url.. 2023. 3. 28. jquery - split 문자열 자르기 예제 var test = "2021/06/08"; test = test.split("/"); // 문자열 '/'기준으로 자른다. console.log(test[0]); // 결과 : 2021 console.log(test[1]); // 결과 : 06 console.log(test[2]); // 결과 : 08 var test = "제,이,쿼,리"; test = test.split(","); // 문자열 ','기준으로 자릅니다. console.log(test[0]); // 결과 : 제 console.log(test[1]); // 결과 : 이 console.log(test[2]); // 결과 : 쿼 console.log(test[3]); // 결과 : 리 2021. 6. 8. javascript - 날짜 차이, 간격 일수 구하기 javascript로 두 날짜 사이의 차이/일수를 구하는 방법 var sdt = new Date('string_Date1'); var edt = new Date('string_Date2'); var dateDiff = Math.ceil((edt.getTime()-sdt.getTime())/(1000*3600*24)); ex) dateDiff = (정수로 차이 반환) 2021. 4. 13. 페이지 이동 (replace, href, go, reload)각 차이점 javasciprt 페이지 이동 방법별 간단 설명 location.replace("이동할 주소"); // 이전페이지 히스토리가 남지 않음. location.href("이동할 주소"); // 이전페이지 히스토리가 남음 (많이사용함). history.go(-1); // 이전페이지 가기. () 안의 값이 현재페이지에 대한 상대좌표. location.reload(); // 현재페이지 새로고침. 2021. 3. 24. e.preventDefault() 와 stopPropagation() 의 차이 e.preventDefault() html 에서 a 태그나 submit 태그는 고유의 동작이 있다. 페이지를 이동시킨다거나 form 안에 있는 input 등을 전송한다던가 그러한 동작이 있는데 e.preventDefault 는 그 동작을 중단시킨다. e.stopPropagation() 상위 엘리먼트들로의 이벤트 전파를 중단시킨다. 2021. 3. 18. Jquery - 소수점 자리 제한 toFixed toFixed() 소수점 자리수 제한 사용법 number.toFixed([digits]) digits number 옵션 0~20까지의 정수, 생략하면 0과 같음 소수의 자리수를 제한함. toPrecision과 toFixed의 차이는 전자가 수의 길이를 제한한다면, 후자는 소수점의 자리수를 제한한다. 예시 var num = new Number(1.232323); alert(num.toFixed()); // string, 1 alert(num.toFixed(1)); // string, 1.2 alert(num.toFixed(2)); // string, 1.23 alert(num.toFixed(3)); // string, 1.232 alert(num.toPrecision()); // string, 1.2323.. 2021. 1. 14. jQuery 마우스 이벤트 모음 .click() 마우스 클릭시 실행 .contextmenu() 마우스 오른쪽 버튼을 누르면 실행 .dblclick() 마우스 더블클릭시 실행 .hover() 마우스 포인터가 해당 영역 안으로 이동하면 실행 .mousedown() 마우스 버튼을 누를 때 실행 .mouseenter() 마우스 포인터가 해당 영역 안으로 이동하면 실행 .mouseleave() 마우스 포인터가 해당 영역 밖으로 떠나면 실행 .mousemove() 마우스를 움직이면 실행 .mouseout() 마우스 포인터가 해당 영역 밖으로 떠나면 실행 .mouseover() 마우스 포인터가 해당 영역 안으로 이동하면 실행 .mouseup() 마우스 버튼을 뗄 때 실행 2020. 12. 22. jquery - Serialize(), serializeArray(), SerializeObject() 폼 배열 1. Serialize() var serialize = $('#dataForm').serialize(); // id가 dataForm인 form의 내부 값을 직렬화 처리한다. $('#resultDiv').html(serialize); //결과 name=Park&name=Kim&name=Hong&age=13 2. serializeArray() var serializeArray = $('#dataForm').serializeArray(); $('#resultDiv').html(JSON.stringify(serializeArray)); //결과 [{"name":"name","value":"Park"},{"name":"name","value":"Kim"},{"name":"name","value":"Hong"},.. 2020. 12. 17. 이전 1 2 3 다음 반응형
