JAVASCRIPT
1.datatable 기본옵션 모음
scrollCollapse : {true, false}: 스크롤바 호출. true일 경우에는 테이블 row 수에 의한 height를 우선, false일 경우에는 scrollY 옵션의 height를 우선 적용 (테이블 전체 높이)paging : {true, false}:
2.자바스크립트 한글 깨짐 방지 인코딩
JAVASCRIPT에서 처리 (보내는부분)encodeURI(encodeURIComponent(변수명));받는부분URLDecoder.decode(변수명, "UTF-8") ;
3.PC와 모바일에 따라 발생하는 이벤트를 다르게 하는 방법
JQuery의 navigator.maxTouchPoints 을 활용navigator.maxTouchPoints는 최대터치점의 갯수를 리턴하는데 PC의 경우엔 0, 모바일의 경우에는 1을 리턴함으로 리턴된 값에 따라 다른 이벤트가 발생하도록 코드를 작성하면 된다.호환가능
4.JAVASCRIPT 유용한 정규표현식 모음
toFixed : 소수점 자르기var num = 5.56789;var result = num.toFixed(2); result값: 5.57년월일 8자리 숫자사이에 하이픈(-) 기호 넣기var num = 20220311;var result = num.replace(/(\
5.document.getElementById() 와 $() 의 차이
document.getElementById('temp'); 는 HTML DOM 객체를 리턴하고$(' 그래서 혹시 HTML DOM 객체를 이용해야 하는 경우에는$('\*\*\* JavaScript 객체들은 associative arrays 처럼 행동한다.\*정리var e
6.동적으로 생성한 BUTTON에 이벤트 연결
다음과 같은 HTML에서 div내에 버튼을 생성하고 event를 연결하려면 버튼을 감싸는 객체(부모객체)인 div에서 children함수를 이용하여 버튼의 id, style, event 등의 수정이 가능하다.ex> 1\. id가 btn인 button의 id를 btn2로
7.자바스크립트 유용한 내장함수
join() : 인수값을 입력하면 해당값을 추가하여 콤마값을 기준으로 연결해줌. 인수값이 없으면 콤마값을 기준으로 연결.ex1> var arr = new Array(0, 1, 2, 3, 4); documnet.write(arr.join("-"));result1> 0-1
8.동적 생성된 객체 클릭이벤트
'data-column-name=ITEM_NAME' 속성을 가진 객체 클릭시 해당 객체의 하위 div의 text를 가져와서 alert창을 띄우는 기능출처: https://blog.naver.com/rudgns1257qq/100206988736