<font style=font-size:9pt;>
Message Box-프롬프트박스로 패스워드만들기
<br><br>
사용자의 입력 상태에 따라서 다른 반응을 보이고자 할 때 프롬프트(prompt)박스를 사용합니다. <br>
이것은 alert 와는 달리 단독으로 사용되는 경우는 드물고 다른 자바스크립트 코드들과 함께 사용됩니다. <br><br>
프롬프트 박스를 이용하면 간단한 패스워드 스크립트를 만들 수도 있습니다. <br>
다음 예제는 패스워드가 '1234' 로 지정되어 있는 웹 문서에서 사용자가 프롬프트 박스에 <br>
'1234'를 입력하면 'http://kr.yahoo.com'를 불러오고 그렇지 않으면 메시지(alert)가 나타나도록 설정한 것입니다.<br>
여기서는 예제를 보여주기 위해서 사이트 주소를 썼지만 여러분은 일반 문서의 경로를 넣어주세요.<br><br>
<html>
<head>
<script language="javascript">
<!--
function password()
{
pass=prompt('패스워드를 입력하세요. ','');
if (pass=="1234") {location.href="http://kr.yahoo.com";}
else {alert("패스워드가 일치하지 않습니다. 다시 입력해 주세요.");}
}
//-->
</script>
</head>
<body>
<a href="javascript:password();">멤버 공간</a>
</body>
</html>
<br><br>
prompt (문자열, 초기값)<br>
prompt()는 입력란이 있는 메시지 박스를 열어줍니다.<br>
문자열은 prompt 박스 하단에 표시되고 초기 값은 입력란에 들어갈 초기 문자열을 지정해 주면 됩니다.<br><br>
prompt=prompt('패스워드를 입력하세요. ','')<br><br>
prompt 박스를 열고 그 속에 사용자가 타이핑한 후 확인 버튼을 누르면 입력한 값을 변수 pass 에 저장하도록 하는 것 입니다.<br>
조금은 특수한 변수 지정방법으로 사용자의 입력에 따라 변수 pass 에는 각각 다른 값이 저장됩니다. <br>
만약 사용자가 확인 버튼 대신 취소 버튼을 누르게 되면 변수 pass 에는 null 값이 저장됩니다. <br><br>
location.href = "URL"<br>
location.href 는 문서의 URL 에 대한 정보를 담고 있습니다. "=" 연산자를 사용하여 URL을 할당해 주면 html 의 a 태그와<br>
비슷한 기능을 수행합니다. 즉 해당 URL 로 이동시키는 역할을 합니다. 상당히 자주 사용되는 표현이므로 반드시 기억하기 바랍니다.<br>
<br>
패스워드 스크립트의 문제점<br>
자바스크립트의 경우 소스가 웹 상에 드러나기 때문에 패스워드 스크립트를 만들었을때 보안적인 측면에서 매우 허술합니다. <br>
위의 예제의 경우도 사용자가 소스보기를 하면 패스워드가 그대로 노출되기 때문에 실용적인 면에서는 문제가 있습니다. <br>
사용자가 초보자라면 상관이 없지만 스크립트를 분석할 능력이 된다면 무방비 상태가 됩니다.<br><br>
중요한 내용인 경우 자바스크립트를 이용해서 패스워드를 만드는것은 삼가야 합니다.<br><br>
아래 페이지에서 인코딩 후 사용하면 웬만한 실력으로는 패스워드 찾기가 힘듭니다.<br>
<a href=http://oxtag.com/zboard/zboard.php?id=js&no=302
target=_blank>http://oxtag.com/zboard/zboard.php?id=js&no=302
</a>
</font>
'인터넷정보' 카테고리의 다른 글
| 방향키로 문자나 이미지 이동시키기 (0) | 2007.10.17 |
|---|---|
| 접속시 마다 배경 색깔 다르게 하기 (0) | 2007.10.17 |
| 접속시 마다 배경 색깔 다르게 하기 (0) | 2007.10.17 |
| 접속시 마다 랜덤으로 이미지보기 (0) | 2007.10.17 |
| 접속시 마다 랜덤으로 이미지보기 (0) | 2007.10.17 |
| Message Box-프롬프트박스로 패스워드만들기 (0) | 2007.10.17 |
| Massage Box-Confirm 박스로 해당 페이지 표시하기 (0) | 2007.10.17 |
| Massage Box-Confirm 박스로 해당 페이지 표시하기 (0) | 2007.10.17 |
| 채널모드로 윈도우 열기 (0) | 2007.10.17 |
| 채널모드로 윈도우 열기 (0) | 2007.10.17 |