분류 전체보기 (54) 썸네일형 리스트형 javascript로 만든 jquery empty let main = document.getElementById("main"); //jquery의 div.empty() 와 같은 기능 var tmp = Array.from(main.children); tmp.forEach(e => { e.remove(); }); main은 div를 id 로 가져왔다. 어느것으로 가져오든 상관없으며 .children 을 사용하면 collection 형태로 가져오는 것 때문에 Array.from 을 사용하였다. 바로 배열 형태로 가져온다면 Array.from 으로 변환하지 않고 바로 foreach 사용하면 될 듯 하다. 자바스크립트로 만든 함수로 따로 분리 //jquery의 empty 기능 구현 function j_empty($parameters){ let parame.. window/document , on/ready 웹페이지를 불러올때 처리 순서를 먼저 알아보자 1. 웹문서읽기 ㅡ> 2. DOM생성 ㅡ> 3. 페이징 로딩완료 $(document).on() / $(document).ready() 가 2번의 DOM생성시 실행되며 window.onload 는 3번의 페이징 로딩완료 후 실행된다. //1 $(document).ready(function(){ console.log("document.ready"); }); //2 $(window).ready(function() { console.log("window.ready"); }); //3 window.onload = function() { console.log("window.onload"); }; 위 같이 실행했을 때 순서는 1->2->3 이였어야햇다. 그리고 보통 저렇.. javascript 동적 변수명 선언 동적으로 변수명을 생성할 일이 있었다. var key = "func"; for(var i=0; i javascript sleep 함수 php에는 자체적으로 sleep 함수가 있다. //2초 딜레이 sleep(2); 하지만 javascript에는 딜레이 함수가 없다. 비슷하게나마 setTimeout 과 setInterval 이 있지만 해당 함수들은 일정 시간 이후에 해당 함수를 실행하겠다 라는 함수이고 php나 c에서의 sleep 같은 역할이 아니다. 그래서 javascript에서 쓰기위해 아래같이 만들었다. //딜레이 함수 function sleep (delay) { var start = new Date().getTime(); while (new Date().getTime() < start + delay); } 현재시간에서 딜레이(초) 만큼 해당 sleep을 돌며 코드 진행을 멈추도록 하였다. Jquery 엑셀다운로드 function fnExcelReport(id, title) { var tab_text = ''; tab_text = tab_text + ''; tab_text = tab_text + ""; var exportTable = $('#' + id).clone(); exportTable.find('input').each(function (index, elem) { $(elem).remove(); }); tab_text = tab_text + exportTable.html(); tab_text = tab_text + ''; var data_type = 'data:application/vnd.ms-excel'; var ua = window.navigator.userAgent; var msie = ua.indexO.. 웹사이트 개발시 유용한 사이트 1. JavaScript 정규식 시각화 도우미 https://jex.im/regulex/#!flags=&re=(((%3F%3D.*%5Cd)((%3F%3D.*%5Ba-z%5D)%7C(%3F%3D.*%5BA-Z%5D)))%7C(%3F%3D.*%5Ba-z%5D)(%3F%3D.*%5BA-Z%5D))%5E%5Ba-zA-Z%5Cd%5D%7B6%2C12%7D%24 Regulex：JavaScript Regular Expression Visualizer Regulex JavaScript Regular Expression Visualizer. / / Visualize Export Image Embed On My Site! IgnoreCase Multiline GlobalMatch Created by Jex . jex.im.. 이전 1 ··· 4 5 6 7 다음
