Study/SPRING FRAMEWORK
javascript function 에 접근하기
Answer Choi
2015. 2. 12. 11:30
반응형
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으로 접근하는 방법이었습니다.
반응형