웹프로그래밍

자주 사용하는 함수

zelkova 2017. 5. 30. 06:07

<목차로 돌아가기>



안내문이나 경고문을 띄우는 alert() 함수

alert함수는 메시지와 OK버튼마을 가진 다이얼로그 박스를 보여주는 함수입니다.

사용방법
alert(출력할 문자열)


  1. <html>
  2. </head>
  3. <title> 경고문 함수 </title>
  4. <body>
  5. <script language="JavaScript">
  6. <!--
  7. alert("알림이나 \n 경고창은 이렇게 띄움")
  8. -->
  9. </script>
  10. </body>
  11. </html>




확인과 취소를 선택하는 함수

confirm 함수는 메시지와 OK/Cancel 버튼을 포함한 다이얼로그 박스를 보여주는 함수입니다.
확인(OK)을 누르면 true를 반환하고 취소(Cancel)을 누르면 false를 반환합니다.

사용방법
confirm(출력할 문자열)



 확인을 눌렀을 때

 취소를 눌렀을 때

 확인을 클릭하심

 취소를 클릭하심



  1. <html>
  2. </head>
  3. <title> 경고문 함수 </title>
  4. <body>
  5. <script language="JavaScript">
  6. <!--
  7. conf=confirm("맞으면 확인 \n 틀리면 취소")
  8. if(conf == true)document.write("확인을 클릭하심")
  9. else document.write("취소를 클릭하심")
  10. -->
  11. </script>
  12. </body>
  13. </html>




대화상자를 띄어주는 prompt() 함수

prompt 함수는 메시지와 입력 필드를 가진 다이얼로그 박스를 보여주는 함수입니다.


사용방법

prompt(문자열,초기값)





 1을 입력했을 때

 2를 입력했을 때

 머리가 좋아지는 바나나

 건강에 좋은 우유!

 3을 입력했을 때

 1,2,3 외에 다른 숫자를 입력시

 기분좋은 달달한 초콜릿

 잘가세요!




  1. <html>
  2. </head>
  3. <title> 경고문 함수 </title>
  4. <body>
  5. <script language="JavaScript">
  6. <!--
  7. var txt
  8. txt=prompt("숫자를 입력하세요! \n 좋아하는 음식은?,\n 1: 바나나 \n 2: 우유 \n 3:초콜릿 \n 없으면 나가세요 고갱님 -_-+")
  10. if(txt==1) document.write("머리가 좋아하는 바나나!")
  11. else if(txt==2) document.write("건강에 좋은 우유!")
  12. else if(txt==3) document.write("기분좋은 달달한 초콜릿!")
  13. else document.write("잘가세요~")

  15. -->
  16. </script>
  17. </body>
  18. </html>




문자열을 자바스크립트 구문으로 바꿔주는 함수

eval 함수는 문자열로 된 수식을 자바스크립트 구문으로 인식하여 스크립트 처리결과를 반환해 주는 함수입니다.







  1. <html>
  2. </head>
  3. <title> 경고문 함수 </title>
  4. <body>
  5. <script language="JavaScript">
  6. <!--
  7. var txt, num
  8. txt="5*5"
  9. num=5*5
  10. test="alert('이런게 됩니다!')"

  12. document.write("text : "+txt+"<br>")
  13. document.write("eval 사용 text : "+eval(txt)+"<br>")
  14. eval("var sum"+"Text"+"=777")
  15. document.write("여러 문자를 합쳐도! : "+sumText+"<br>")
  16. document.write(eval(test))
  17. -->
  18. </script>
  19. </body>
  20. </html>





문자열을 실수로 parseFloat()함수

parseFloat 함수는 문자열을 부동소수점으로 바꾸는 내장함수입니다. 첫 문자가 숫자가 아닌 경우에는 0이나 NaN(유닉스)을 반환합니다.


사용방법

parseFloat(문자열)




  1. <html>
  2. </head>
  3. <title> 경고문 함수 </title>
  4. <body>
  5. <script language="JavaScript">
  6. <!--
  7. var num1, num2
  8. num1="11.1"+22.2
  9. num2=parseFloat("11.1")+22.2
  11. document.write("1) "+num1+"<br>")
  12. document.write("2) "+num2+"<br>")
  13. -->
  14. </script>
  15. </body>
  16. </html>




문자열을 정수로 바꿔주는 parseInt()함수

parseInt()함수는 실수 또는 정수를 8진수, 10진수, 16진수 중에 하나로 설정하여 값을 return할 수 있습니다.

실수는 소수점을 자르고 정수값만 표현합니다.




  1. <html>
  2. </head>
  3. <title> INT 변환 </title>
  4. <body>
  5. <script language="JavaScript">
  6. <!--
  7. var num1, num2, num3
  8. num1=parseInt("17",8)
  9. num2=parseInt("17",10)
  10. num3=parseInt("17",16)
  12. document.write("1) "+num1+"<br>")
  13. document.write("2) "+num2+"<br>")
  14. document.write("3) "+num3+"<br>")
  15. -->
  16. </script>
  17. </body>
  18. </html>



문자셋과 아스키값 반환함수 escape(), unescape()

자바스크립트에서 특수문자의 경우 적절한 문자로 반환하여 입력해야 합니다.


escape()함수는 %문자열로 반환합니다.

unescape()함수는 %문자열을 입력시 특수문자로 변환시켜 줍니다.




  1. <html>
  2. </head>
  3. <title> 문자열 변환 </title>
  4. <body>
  5. <script language="JavaScript">
  6. <!--
  7. var vr1,vr2,vr3
  8. vr1="★"
  9. vr2="!"
  10. vr3="^"

  12. document.write("1) "+escape(vr1)+"<br>")
  13. document.write("2) "+escape(vr2)+"<br>")
  14. document.write("3) "+escape(vr3)+"<p>")
  16. document.write("4) "+unescape("%u2605")+"<br>")
  17. document.write("5) "+unescape("%21")+"<br>")
  18. document.write("6) "+unescape("%5E")+"<br>")
  19. -->
  20. </script>
  21. </body>
  22. </html>




숫자인지 알려주는 isNaN()

함수의 값이 숫자인지 여부를 파악해주는 함수입니다.

입력값이 숫자일경우 true

입력값이 숫자가 아닐경우 false



  1. <html>
  2. </head>
  3. <title> 숫자여부 </title>
  4. <body>
  5. <script language="JavaScript">
  6. <!--
  7. var vr1,vr2,vr3
  8. vr1="문자열임"
  9. vr2=1234

  11. document.write("1) "+isNaN(vr1)+"<br>")
  12. document.write("2) "+isNaN(vr2)+"<br>")
  13. -->
  14. </script>
  15. </body>
  16. </html>






반응형
저작자표시 비영리 변경금지

'웹프로그래밍' 카테고리의 다른 글

javascript - Function 객체  (0) 2017.07.10
layer 객체  (0) 2017.05.22

'웹프로그래밍'의 다른글

  • 현재글자주 사용하는 함수

관련글

티스토리툴바