반응형

root-me.org / Web - Client / Javascript - Authentication (5P)

No solutions in here. There is only hint.

 

Username과 Password를 입력하는 문제입니다. 

 

username / password를 admin / admin으로 입력하였을 때, 아래와 같이 wrong password라고 출력됩니다. 

 

이 문제는 개발자 코드(F12)를 확인하면 이 페이지는 login.js 파일을 참조하고 있습니다. 

login.js 파일을 참고하면 이 문제는 풀수 있습니다.

 

반응형
반응형

JavaScript / parseInt(), parseFloat() - 문자열을 정수, 소수로 파싱

 

parseInt()

문자열을 정수로 파싱해주는 함수입니다.

parseInt(string, 진법)

 

예제

parseInt('100', 2) // 100을 2진법으로 생각하기 때문에 4로 출력됩니다. 

parseInt('100.2') // 100이 출력됩니다.

parseInt('0x100') // 0x100은 16진로 생각하기 때문에 256이 출력됩니다.

parseInt('abc') // 숫자가 아닌 문구가 포함될 경우에는 NaN이 출력됩니다.

<!doctype html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<title>JavaScript</title>
	</head>
	<body>
		<script>
			document.write( "<p>parseInt( '12.34' ) : " + parseInt( '12.34' ) + "</p>" );
			document.write( "<p>parseInt( '100', 10 ) : " + parseInt( '100', 10 ) + "</p>" );
			document.write( "<p>parseInt( '100', 2 ) : " + parseInt( '100', 2 ) + "</p>" );
			document.write( "<p>parseInt( '0x100' ) : " + parseInt( '0x100' ) + "</p>" );
			document.write( "<p>parseInt( 'abc' ) : " + parseInt( 'abc' ) + "</p>" );
		</script>
	</body>
</html>

 

 

parseFloat()

문자열을 소수로 파싱해주는 함수입니다.

parseFloat(string)

예제

parseFloat('12.34') // 12.34를 출력합니다.

parseFloat('12.34 5') // 처음 오는 소수 문자열만 인식되기 때문에 12.34를 출력합니다.

parseFloat('abc') // 숫자가 아닌 문구가 있는 경우에는 NaN을 출력합니다.

<!doctype html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<title>JavaScript</title>
	</head>
	<body>
		<script>
			document.write( "<p>parseFloat( '12.34' ) : " + parseFloat( '12.34' ) + "</p>" );
			document.write( "<p>parseFloat( '12.34 5' ) : " + parseFloat( '12.34 5' ) + "</p>" );
			document.write( "<p>parseFloat( 'abc' ) : " + parseFloat( 'abc' ) + "</p>" );
		</script>
	</body>
</html>

반응형
반응형

JavaScript / event.keyCode - 키보드 입력 값

 

JavaScript의 onkeypress로 사용자의 키입력을 감지할 수 있습니다.

키 값은 event.keyCode 변수로 받고,

이 변수값은 ASCII코드로 사용되고, event.keyCode 코드표는 아래 테이블을 참고하시면 됩니다. 

그리고 Key Event를 테스트하기 위해 아래 링크를 참조하시면 됩니다. 

key를 눌렀을 때, 그 값을 확인하기 위한 용도입니다. 

unixpapa.com/js/testkey.html

 

Javascript Key Event Tester

 

unixpapa.com

예제

아래 예제는 onkeypress가 눌릴 때마다 mv 함수를 실행하도록 하는 예제입니다. 

event.keyCode를 전달인자로 주고, 이 변수를 받아 각 key 값에 따라 처리를 합니다. 

반응형
반응형

JavaScript / 페이지 이동 (location.href, replace,reload, history.go)

 

location.href

다른 페이지로 이동하는데도 사용됩니다.

이전 페이지의 히스토리가 남습니다.

 

location.href("이동할 주소");

<script> 
	location.href("www.naver.com"); // 이전페이지 히스토리가 남음
</script>  

 

location.replace

다른 페이지로 이동하는데도 사용됩니다.

이전 페이지의 히스토리가 남지 않습니다.

 

location.replace("이동할 주소");

<script> 
	location.replace("www.naver.com");    // 이전페이지 히스토리가 남지 않음.
</script>  

 

location.reload

현재 페이지를 새로고침 할 때 사용됩니다.

 

location.reload();

<script> 
	location.reload();      // 현재페이지 새로고침.
</script> 

 

history.go

() 안의 값이 현재페이지에 대한 상대좌표로 사용되어 이동됩니다. 

history.go(-1)은 history.back()과 동일하게 동작하며, 이전 페이지로 이동됩니다. 

<script> 
	history.go(-1);   // 이전페이지 가기
    history.go(0);    // 현재 페이지 새로고침
    history.go(-2);   // 두 단계 전 페이지 가기
</script>  

 

반응형

+ Recent posts