본문 바로가기
Study/SPRING FRAMEWORK

javascript function 에 접근하기

by Answer Choi 2015. 2. 12.
반응형



Javsscrit의 function에 접근하는 방법으로 3가지정도 있는것 같습니다.(일단 제가 아는것만~더 있을 수 있음;;) 

 

1. button으로 접근


자주 쓰이는 방법으로 button을 눌렀을때, 어떠한 기능을 실행 시킬때 씁니다.


저번처럼 책 대출의 상황을 예로 들어 볼께요.


1
<input type="button" value="대출" onclick="bookLending()"/>
cs


위 코드를 보시면 '대출'이라고 적힌 button인데 클릭시 bookLending()이라는 javascript의 bookLending()에


접근하는데, 'onclick'이라는 속성이 그것을 가능하게 해줍니다.


2. href로 접근


링크 메소드인 href로도 접근이 가능합니다.


1
<a href="javascript:userInfo()">사용자 정보보기</a>
cs


위 코드와 같이 javascrpit:함수명 을 써주시면 접근 가능합니다.


3. onload로 접근


body에 onload="함수명"을 넣어주시면, 웹페이지를 읽어왔을때 계속해서 읽어드립니다.


저는 주로 화면에 메세지를 띄워줄때 쓰는데요.


1
<body onload="showMsg(${msg})">
cs


위 코드처럼 msg를 이 웹페이지에 전달시켜서 메세지를 띄워줍니다.


그리고 한가지 주위할 점은 onload는 계속해서 띄워지기 때문에 javascript에서 조건문을 넣어 평상시에는 


띄워지지 않게 해줘야 됩니다.


저의 경우 이렇게 작성합니다.

 

1
2
3
4
5
6
7
8
9
 function showMsg(m){
           
            if(m==0){
               
            }else if(m==1){
                alert("회원정보가 변경되었습니다.");
                                window.open("userInfo.do","_self""" );
            }
      }
cs


m값이 평상시에는 0이라 아무런 행동도 하지않고, 1일경우 alert으로 메세지를 띄워줍니다.

 

그리고 다시 m을 0으로 변경해서 페이지를 다시 띄워줍니다.


이상 제가 javascript의 function으로 접근하는 방법이었습니다.


 

반응형

인기글