안녕하세요 이번엔 알게 된 element 요소가 있는 지 검사하는 방법을 알려드리겠습니다. 위 소스와 같이 document.getElementById() 앞에 !!(느낌표 2개)를 붙여주면 해당 요소가 있을 경우 true 반환, 없을 경우 false를 반환합니다. 출력결과 txt1Check : true txt2Check : false
FE/Javascript
안녕하세요 이번 포스팅은 html 요소인 Select Option에서 Value값 뿐만 아니라 고유 값을 추가하고 싶을 때의 방법을 알려드리려고 합니다. var objOption = document.createElement("option"); objOption.value = "value값"; opjOption.text = "text값"; objOption.dataset.sample = "sample값"; // 특정 고유 값 생성가능 option 객체를 생성하고, value와 text를 지정합니다. value는 option의 value. 즉, 값이며 text는 option에 보여지는 텍스트입니다. value외에도 고유의 값을 추가하려고할 때 dataset을 이용하시면 됩니다. 옵션객체.dataset.값이름..
팝업창을 열면 SCRIPT87:잘못된 인수입니다. 라는 오류가 발생했다. 크롬에서는 정상 작동하는데 IE에서만 해당 오류가 발생했다. 알고 보니, window.open에서 title 인자에 공백이 있어서 발생한 것이다. function openPopup(){ var url = "url?arg1="+arg1+"&arg2="+arg2; var title = "popup 1";// 이 변수에 공백이 있어서 오류 발생 var status = "toolbar=no,scrollbars=no,resizable=yes,status=no,menubar=no,width=260, height=120, top=0,left=0"; window.open(url,title,status); } 즉, 공백을 넣지 않으면 해결된다.
안녕하세요. 이번 포스팅에서는 자바스크립트로 팝업 여는 방법을 알아보겠습니다. 아래 예제를 통해 2가지 방식(GET, POST)을 알아보겠습니다. 1. POST 방식으로 팝업 열기 function openPopup(){ var url ="url.do"; var title = "popup"; var status = "toolbar=no,scrollbars=no,resizable=yes,status=no,menubar=no,width=260, height=120, top=0,left=0"; window.open("", title,status); //window.open(url,title,status); window.open 함수에 url을 앞에와 같이 //인수로 넣어도 동작에는 지장이 없으나 form.act..
안녕하세요. 이번 포스팅에서는 javascript에서 자주 사용하는 JSONArray 타입의 데이터를 JAVA와 통신하는 방법에 대해서 알아보겠습니다. 아래 예제를 통해서 쉽게 이해하도록 해보겠습니다. JSON관련 라이브러리는 다양하지만, 이번 포스팅에서 다룰 건 아래와 같습니다. 1. net.sf.json.* 라이브러리 2. org.json.simple.* 라이브러리 목차 1. net.sf.json.* 라이브러리 1-1. Javascript단에서의 JSONArray 보내기 1-2. JAVA 단에서 JSONArray를 받고 Javascript로 JSONArray를 보내기 1-2-1. net.sf.json.* 라이브러리를 사용하는 경우 1-2-2. org.json.simple.* 라이브러리를 사용하는 경우..
이번 포스팅에서는 Javascript에서 날짜 가져오는 방법을 알아보겠습니다. 1. 현재 날짜 및 시간 구하기 var today = new Date(); console.log(today) // 출력결과 : Tue Mar 30 2021 22:38:44 GMT+0900 (대한민국 표준시) 2. 메소드를 이용해 원하는 형식으로 출력하기 var today = new Date(); console.log(today) // 출력 결과 : Tue Mar 30 2021 22:38:44 GMT+0900 (대한민국 표준시) console.log(today.getFullYear());// 출력결과 : 2021 console.log(today.getYear());// 출력결과 : 121 console.log(today.getM..
Javascript에서 문자와 숫자 형 변환 방법을 알아보겠습니다. 1. 숫자 ▶ 문자 1) ""을 붙여 문자로 지정 var num = 123; var strNum = num + ""; console.log(strNum);// 출력 결과 : 123(문자) 2) toString() 사용 var num = 123; var strNum = num.toString(); console.log(strNum);// 출력 결과 : 123(문자) 3) String() 사용 var num = 123; var strNum = String(num); console.log(strNum);// 출력 결과 : 123(문자) 2. 문자 ▶ 숫자 1) parseInt() 사용 var str = "123"; var numStr = pa..
Javascript or jquery를 이용해 html 요소를 숨기거나 보이게 할 수 있습니다. 4가지 방법을 알아보겠습니다. 1. javascript를 이용한 display 변경 document.getElementById("sampleDiv").style.display ='none'; document.getElementById("sampleDiv").style.display ='block'; 이 경우로 숨김/ 보이기를 할 경우, 이전에 지정했던 Style 요소들이 사라짐 (해당 공간들이 사라짐) 2. jquery를 이용한 display 변경 $("#sampleDiv").css("display" ,"none"); $("#sampleDiv").css("display" ,"block"); 3. jquery를..
