본문 바로가기

JavaScript

 (14)
[javascript] ++ 연산자 HTML index++ --index js var index1 = 0; var index2 = 0; var result1 = 0; var result2 = 0; for(var loop_index = 0;loop_index < 100;loop_index++) { result1 = index1++; document.getElementById('result1').innerHTML = "loop_index : " + loop_index.toString() + " | index : " +(result1).toString(); } for(var loop_index = 0;loop_index < 100;loop_index++) { result2 = ++index2; document.getElementById('res..
[javascript] JSON datetime string to javascript date format yyyy-MM-dd hh:mm:ss HTML js function formatDate(date) { var d = new Date(date), month = '' + (d.getMonth() + 1), day = '' + d.getDate(), year = d.getFullYear(), hour = d.getHours(), min = d.getMinutes(), sec = d.getSeconds(); if (month.length < 2) month = '0' + month; if (day.length < 2) day = '0' + day; return [year, month, day].join('-') + ' ' + [hour,min,sec].join(':'); } var dateText = "/Date(1519794794410)/"; ..
[javascript] 나누기, 나머지, 몫 구하기 HTML 나누기 몫 나머지 js var totalPoint = 100500; var result = 0; result = totalPoint / 10000; document.getElementById('result').innerHTML = result; result = parseInt(totalPoint / 10000); document.getElementById('result2').innerHTML = result; result = totalPoint % 10000; document.getElementById('result3').innerHTML = result;demo link : https://jsfiddle.net/qp3yw15u/4/
[javascript] 모달 사용시 콜백 예제 모달 라이브러리를 사용할 일이 많은데 보통 모달창을 열고 닫거나 확인 할때 함수를 실행해야합니다. 콜백 함수를 open 에 넣어주는데 없을때 간단하게 구현해주는 예제입니다. 1. 모달 js // modal javascript var _data = { a : null , b : null }; _data.isCallbackExists = false; var _callback = {}; //modal open _data.open = function (callback) { $("{{Modal DIV}}").modal(); if (callback) { _data.isCallbackExists = true; _callback.run = function (data) { var runCallback = function..
[javascript] Uncaught TypeError: is not a function 1. id, name이 함수명과 같을 때-> 찾아서 함수명이나 태그명을 변경한다. 2. 함수를 호출하는 쪽보다 함수 초기화 부분이 뒤에 있을때. 즉, 초기화가 되기 전에 호출이 먼저 되면 에러 발생-> 호출되는 순서와 초기화 순서를 조정한다. 함수 정의 부분을 최상위로 재배치한다.
[javascript] get parameters to object var _param = {}; _param.data = null; _param.init = function () { _param.data = _param.ToConvert(); console.log('_param.data : ' + JSON.stringify(_param.data)); } _param.ToConvert = function () { var pairs = location.search.slice(1).split('&'); var result = {}; pairs.forEach(function (pair) { pair = pair.split('='); result[pair[0]] = decodeURIComponent(pair[1] || ''); }); return JSON.parse(JSON.s..
[javascript] replace 에서 | or \| 차이 var dataText = '12345|678910|asdfg'; var convertedText1 = dataText.replace(/|/g,"#"); var convertedText2 = dataText.replace(/\|/g,"#"); alert('convertedText1 : ' + convertedText1 + ' - convertedText2 : ' + convertedText2); demo : https://jsfiddle.net/dv88jbkb/
[javascript] guid 만들기 html 생성 css #guid { width:500px; } javascript var _guid = {}; _guid.get = function() { return _guid.s4() + _guid.s4() + _guid.s4() + _guid.s4() + _guid.s4() + _guid.s4() + _guid.s4() + _guid.s4(); } _guid.s4 = function() { return Math.floor((1 + Math.random()) * 0x10000) .toString(16) .substring(1); } $('#btn_create').on('click', function(){ $('#guid').val(_guid.get()); }); demo : jsfiddle link

티스토리툴바