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

· 11년 전 · 6642

 

<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 주석처리 해주면 된다. 

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

개발자팁

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

+
분류 제목 글쓴이 날짜 조회
웹서버 11년 전 조회 1.6만
기타 11년 전 조회 9,104
PHP 11년 전 조회 3,844
기타 11년 전 조회 5,109
기타 11년 전 조회 5,300
웹서버 11년 전 조회 3,742
PHP 11년 전 조회 3,648
기타 11년 전 조회 3,018
웹서버 11년 전 조회 3,817
웹서버 11년 전 조회 3,107
웹서버 11년 전 조회 3,005
기타 11년 전 조회 2,668
웹서버 11년 전 조회 3,933
웹서버 11년 전 조회 3,897
JavaScript 11년 전 조회 6,643
기타 11년 전 조회 7,539
MySQL 11년 전 조회 3,872
기타 11년 전 조회 1.5만
JavaScript 11년 전 조회 3,344
JavaScript 11년 전 조회 3,064
jQuery 11년 전 조회 5,827
기타 11년 전 조회 2,153
MySQL 11년 전 조회 7,373
jQuery 11년 전 조회 7,489
JavaScript 11년 전 조회 2,753
웹서버 11년 전 조회 2,658
PHP 11년 전 조회 3,126
PHP 11년 전 조회 6,623
PHP 11년 전 조회 3,063
jQuery 11년 전 조회 6,099
🐛 버그신고