iframe 생성 및 속성 제어 방법

여러개의 iframe 생성 방법

<script>
for(var i = 0 ; i < 2 ; i++){
	var aIframe = document.createElement("iframe");
	aIframe.setAttribute("id","iframe"+i);
	aIframe.setAttribute("name","iframe"+i);
	
	aIframe.style.width = "200px";
	aIframe.style.height = "100px";
	aIframe.src = "./index.jsp?rphone=010-0000-0000&msg="+i+"번째 메시지";

	document.getElementsByTagName("body")[0].appendChild(aIframe);

}
</script>

해당 프레임이 생성되면 다음과 같이 제어가 가능하다.

<script>
	function MessageTest(){
		
		for (var i = 0; i < 2 ; i++){
			var iframe1 = document.getElementById("iframe"+i);
			iframe1.contentWindow.abs();
		}
	}
</script>

contentWindow.functionName 같은 경우엔 iframe 안에 어떤 javascript function 기능을 수행하기 위해서 만들어진 구문이다.

jsp 에서는 파라메터를 만들어서 보내주면 다음과같이 받을 수 있다.

 <%
 	request.setCharacterEncoding("UTF-8");  // 한글 깨짐 방지

 	
 	String rphone = request.getParameter("rphone"); //변수에 저장
 	String msg = request.getParameter("msg"); // 변수에 저장
 %>

해당 값은 html 태그 내에서 사용하게 된다면

<%=rphone %> 

태그로 변수를 불러서 사용하면 된다.