어린왕자와 여우

애드샌스와 같은 소스들을 보면 아래와 같이 입력하여 배너 이미지를 생성시킨다.

<script type="text/javascript" src="sample.js?mode=1"></script>
<script type="text/javascript" src="sample.jsp?mode=1"></script>

js파일에 파라미터를 인식시키는 것과 jsp파일을 javascript처럼 생성하는 것이 관건이다.
필자는 js보다는 보안상의 이유로 jsp를 선택했으며, js에 파라미터를 인식시키는 것은 참고로 알기 바란다.
실제로 사이트를 구축할 때 js에 파라미터를 인식시키는 것은 js의 로드를 동적으로 구현할 수 있는 방법이다.


** js파일에 파라미터 인식

[test.jsp]

<script type="text/javascript" src="test.js?mode=1"></script>

[sample.js]

function scriptQuery() {
    var script = document.getElementsByTagName('script');   

    script = script[script.length-1].src  
       .replace(/^[^\?]+\?/, '')           
       .replace(/#.+$/, '')                      
       .split('&');                                   

     var queries = {}                             
       , query; 

     while(script.length){                      
          query = script.shift().split('=');    
          queries[query[0]] = query[1];   
     } 

     return queries; 
} 

var our = scriptQuery();
document.write(our.mode);

참고 : http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=1040202&docId=152685055&qb=anMg7YyM652866+47YSw&enc=utf8&section=kin&rank=1&search_sort=0&spq=0&pid=RvVkSF5Y7uCsstbE6hlssc--382813&sid=UDrdUI@rOlAAAFU4WHM


** jsp를 javascript로 사용

[test.jsp]

<script type="text/javascript" src="sample.jsp?mode=1"></script>

[sample.jsp]

<% response.setHeader("content-type","application/x-javascript"); %>

<%@ page contentType="application/x-javascript; charset=utf-8" pageEncoding="utf-8"%>

<% String mode = request.getParameter("mode"); %>

document.write("mode: <%=mode%>");