2014. 7. 7. 17:09ㆍ프로그래밍/Javascript & JQuery
1. javascript를 이용하여 iframe 내부 접근하는 방법
index.jsp 에서 버튼을 클릭하여 iframe test1.html 의 내부 function test1을 호출한다.
========================================================================================================
test1.html
========================================================================================================
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>test1.html</title>
<script>
function test1(){
alert('test1');
}
</script>
</head>
<body>
<div id="inlineContent">
<p>Content</p>
</div>
</body>
</html>
========================================================================================================
index.jsp
========================================================================================================
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<script>
function test0(){
var iframe1 = document.getElementById("iframe1");
iframe1.contentWindow.test1();
}
</script>
</head>
<body>
<iframe id="iframe1" src="./index2.html"></iframe>
<input type="button" value="test1" onClick="test0();"/>
</body>
</html>
========================================================================================================
'프로그래밍 > Javascript & JQuery' 카테고리의 다른 글
| [Javascript] Javascript에서 request.getParameter 사용 (0) | 2014.08.06 |
|---|---|
| [Javascript] Tr Td 접근하기 (0) | 2014.07.07 |
| [jQuery] jQuery DOM window (레이어 팝업) (0) | 2014.06.13 |
| [Javascript] IE에서 Canvas를 사용할 경우 "개체가 'getcontext' 속성이나 메서드를 지원하지 않습니다." 해결책 (0) | 2014.06.12 |
| [Javascript] 팝업창에서 부모 frame 접근 (0) | 2014.05.08 |