컴

GET,POST값 등을 JAVASCRIPT에서 사용할 경우[펌]

· 2014-08-11 (월) 19:00:49 · 7013

 

<script> 

//<!-- or //<![CDATA[ 

~~~ 내용 ~~~ 

//--> or// ]]> 

</script> 

 

기본 자바스크립트 모양이 이럴건데 

<!-- 등 때문에 살짝 문제가됨. 

 

 

# 문제점 

 

<script> 

//<!-- 

var req = "<?=$_GET['req']?>"; 

//--> 

</script> 

처럼 할 경우 

req의 내용이 

";--> <script>alert('X');</script> 

처럼 되어있다면? 

 

<script> 

//<!-- 

var req = "";--> <script>alert('X');</script>"; 

//--> 

</script> 

이렇게 결과가 되며 

스크립트 동작에 문제가 있을 수 있다.(요즘 브라우저는 스크립트 공격으로 보고 스크립트 동작을 멈춘다.) 

 

$_GET말고도 DB의 내용등 PHP에서 javascript로 값을 남겨 사용할 경우도 똑같다. 

 

 

#해결법 

 

<!-- 등의 HTML 주석 처리 부분을 빼고, htmlspecialchars() 를 사용한다. 

 

 

<script> 

var req = "<?=htmlspecialchars($_GET['req'])?>"; 

</script> 

 

아래처럼 HTML엔터티 처리가되서 무사 OK 

<script> 

var req = "";--> <script>alert('X');</script>"; 

</script> 

 

#추가 

스크립트 코딩시 &나 >,< 같은 단어의 엔터티 처리가 힘드므로 

 

<script> 

var req = "<?=htmlspecialchars($_GET['req'])?>"; 

</script> 

<script> 

//<!-- 

var f  = document.form1; 

f.req.value = req; 

//--> 

</script> 

 

처럼 값 선언 부분과 비지니스 처러 부분을 따로하고 

비니지스 처리 부분만 HTML 주석처리 해주면 된다. 

|
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
웹서버 14-08-11 조회 3,373
기타 14-08-11 조회 3,014
웹서버 14-08-11 조회 4,268
웹서버 14-08-11 조회 4,333
JavaScript 14-08-11 조회 7,014
기타 14-08-11 조회 7,863
MySQL 14-08-11 조회 4,254
기타 14-08-08 조회 1.5만
JavaScript 14-08-06 조회 3,720
JavaScript 14-08-06 조회 3,417
jQuery 14-08-06 조회 6,157
기타 14-08-06 조회 2,514
MySQL 14-08-06 조회 7,732
jQuery 14-08-06 조회 7,848
JavaScript 14-08-06 조회 3,087
웹서버 14-08-06 조회 3,009
PHP 14-08-05 조회 3,468
PHP 14-08-04 조회 7,012
PHP 14-08-04 조회 3,432
jQuery 14-08-03 조회 6,427
JavaScript 14-08-01 조회 1.3만
기타 14-08-01 조회 1.7만
PHP 14-08-01 조회 6,171
웹서버 14-08-01 조회 3,497
MySQL 14-08-01 조회 3,598
JavaScript 14-08-01 조회 4,557
웹서버 14-08-01 조회 4,478
웹서버 14-08-01 조회 5,739
웹서버 14-08-01 조회 3,563
JavaScript 14-07-30 조회 6,868