InTen

자바 스크립트 강좌 1.기본 메소드(alert, confirm, prompt) 본문

프로그래밍/자바스크립트

자바 스크립트 강좌 1.기본 메소드(alert, confirm, prompt)

인텐 2014. 9. 22. 23:58

사실 티스토리에 글쓰기 기능에는 HTML언어를 사용해서 여러 다양한 해킹 기법을 넣을수 있어서 취약한 부분도 많이 있습니다. 그 중 하나가 alert입니다.

alert는 페이지에 알림창을 띄워주는 자바스크립트의 기본 함수중에 하나입니다.

alert("란녕하세요~?");

여기에 Html적인 요소를 가미한다면

<input type="button" onclick="alert('란녕하세요~?');" value ="버튼에 alert를 첨가한것 "/>

이런식으로 한다면?

   ☜☜클릭

 버튼이 생기고 버튼을 누르면 alert가 실행되 메시지 박스가 뜨게 됩니다.

그럼 다음 기본 함수인 confirm과 prompt를 알려드리겠습니다.

먼저 confirm함수는 예 아니오로 된 true와 false값 두개를 가진 메시지 박스입니다. 그리고 prompt는 질문을 하고 그 질문에 대한 값을 입력 받을수 있습니다.

<!DOCTYPE html>

<html>

    <head>

    </head>

    <body>    

         <input type="button" onclick="start();" value="confirm,prompt사용" />

        <script language="javascript">

        <!--

        function start() {

            user = confirm('혹시 사용자분이 사람인가요?');

            if(user===true){

                name = prompt('그렇다면 이름을 알수 있을까요?');

               alert( name + '님 안녕하세요.');}

             }

             // The end -->

        </SCRIPT>

    </body>

</html>

☜☜클릭
자 이런 버튼이 생겼습니다. 저기 저 식들을 해석하면 자바스크립트의 문법도 어느정도 알수 있게되는대요.
function은 c에서 함수와 같은 의미 입니다.
<input type="button" onclick="start();" value="confirm,prompt사용" />
이 버튼 객체에서 원클릭 부분에서 함수를 불러온것이죠.
그래서 confirm의 사람이냐는 질문에 네라고 한다면 이름을 물어보고 누구누구 님 환영합니다가 뜨는 것입니다. 아니요라고 한다면 그냥 끝나겠죠?
어느정도 이해가 가실지 모르겠습니다. ㅠㅠ 저도 많이 미흡하고 배워가는 과정이라서 이해가 안가시는분은 제 블로그에 댓글을 남기시면 최대한 알려드리겠습니다.



Comments