사월은 봄이다.

스크립트 함수중에 isNaN 이라는 함수가 있다.

파라미터가 문자인경우 true를, 아니면 false를 리턴한다,

안써놓으니까 자꾸 까먹음. ㅎ

매번 쓰기 귀찮아서 적어놓는다.

<script>

                    function getContextPath() {

                        var hostIndex = location.href.indexOf( location.host ) + location.host.length;

                        return location.href.substring( hostIndex, location.href.indexOf('/', hostIndex + 1) );

                    };

                    $(document).ready(function(){

                        /*alert(getContextPath());*/

                    }) ;

                </script>

JSP 에서는,

<c:set var="contextPath" value="${pageContext.request.contextPath}" />

이렇게 정의한 뒤에 <script src="${contextPath}/js/navi.js"></script>

이런식으로 사용

apply()

이 메서드는 소유자인 함수를 호출하면서 this를 넘기는데, 결과적으로는 함수 내부에서 this 객체의 값을 바꾸는 것!

appply()는 매개변수로 소유자 함수에 넘길 this와 매개변수 배열로 받는다.

두 번째 매개 변수는 array 일 수도 있고 argument 객체일 수도 있다.

function sum(num1, num2) {

       return num1 + num2;

   }

   function callSum(num1, num2) {

    console.log(arguments); // [15,9] 라고 찍힘

       return sum.apply(this, arguments);  // arguments 객체를 넘깁니다.

   }

   console.log(callSum(15,9)); // 24로 찍힘

var boardCommentManage = {

  init : function(){

   var me = this;

  },

};

////////////////Controller//////////////////

window.boardCommentController = {

  insertBoardCommentOk : function(resData, statusText){

   if(resData.responseCode == '0'){

    alert('등록 되었습니다.');

    boardCommentManage.getList(document.boardCommentForm.bdSeq.value);

    return false;

   }else{

    alert(resData.data);

   }

  },

};

-> controller 사용법

boardCommentController.insertBoardCommentOk

이건 대체.. 어떻게 설명 해야 하는 건가

<script src="${pageContext.request.contextPath}/resources/js/jquery-2.1.1.min.js"></script>

   <!--[If IE 8]>

  <script src="http://code.jquery.com/jquery-1.9.0.js"></script>

  <![endif]-->

위 처럼 넣어주면, ie 8  일 땐 jquery 1.9 를 적용하고 나머지는 2.1 을 적용한다는 뜻이다.

아, 대체 왜 아직도 IE8 을 쓰는 사람이 있는걸까..

언제 없어질까...

젠장.

js파일을 jsp 문서에 연결해서 사용하는 경우 한글이 깨져서 표시될 수 있다.

젠장...

해결방법

-> js 파일의 Encoding을 유니코드로 저장하는거다!

그럼된다!

오예~!

보통

java -> jstl -> html -> js

순서로 수행된다.

고로 스크립트의 변수를 jstl 에서는 사용할 수 없다,.

하지만 반대로

 jstl의 값은 스크립트에서 사용할 수 있다.

하하하하하하하하하하하하하

어려운 녀석이다.

<select id="step" name="step" size="6"  style="width: 100%"></select>

이런식으로 주로 사용하지...

여기서

size는 높이 같음

$J.each(result, function(i,result){

          var val = result.range_a + ' ~ ' + result.range_b + '(' + result.color + ')' ;

          $J('#step').append($J("<option/>", { value: i, text: val}));

         });

ajax 로 불러온 값을 넣으려면 append를 쓰면 된다.

그리고 특정 index 의 값을 바꾸려면,

$J('#step').replaceWith($J("<option/>", { value: selectedData, text: text1}));

해서 replaceWith를 사용하면 된다.

그리고 item의 갯수를 알아오는 것은,

var size = $J("#selectColumnDataList option").size() ;

size를 사용하면 되고,

값을 전체 다 넘기려면

$J('#selectColumnDataList').attr('multiple','multiple');

이렇게 해 준 뒤 ,

for(var i=0; i < size ;i++){

     var str = '#selectColumnDataList option:eq(' + i + ')';

     $J(str).attr('selected', 'true') ;

     }

for 문을 써서 selected를 true로 바꿔주면 된다.

var val = $J("#selectColumnDataList  option:selected").val(); 

   var name = $J("#selectColumnDataList  option:selected").text();

   var index = $J("#selectColumnDataList option").index($J("#selectColumnDataList option:selected"));

* optgroup 라는 태그가 있다.

이 녀석은 선택 옵션을 묶을 때 사용하는 태그다.

<select>

<optgroup label="A">

<option>a</option>

<option>b</option>

<option>c</option>

</optgourp>

<optgroup label="B">

<option>d</option>

<option>e</option>

</optgourp>

</select>

여기서 result 는 json 형태의 string 이다.

result =>  [{"data_id":"2011","data_name":"Statement ","data_seq":13,"data_type":"S","parent_data_seq":"Indicator"},{"data_id":"2022","data_name":"aaaaa","data_seq":20,"data_type":"S","parent_data_seq":"Indicator"},{"data_id":"2013","data_name":"MC/DC Coverage","data_seq":17,"data_type":"S","parent_data_seq":"Indicator"}]

var jsonobj = JSON.parse(result);

for(var index = 0 ; index < listSize ; index++){

$J('#columnDataList').append($J("<option/>", { value: jsonobj.result[index].data_id , 

text: jsonobj.result[index].data_name }));

    } 

페이지 이동시에 많이 사용한다.

location.href 

이 녀석은 새로운 페이지로 이동하는데 주소가 히스토리에 기록된다. 이건 뒤로 가기 버튼을 눌렀을 때 , 이전 페이지로 이동이 가능하다는 듯이다.

location.href  = 'a.jsp' ;

location.replace

이놈은 기존 페이지를 새로운 페이지로 변경 시킨다. 주소가 기록되지 않는데, 이 말은 현재 페이지를 새로운 페이지로 덮어 씌운다는것으로 이전 페이지로의 이동이 불가능 하다.

location.replace('a.jsp');