Tip/Javascript

[jquery] iframe 컨트롤

JavaPark 2013. 12. 3. 17:16

부득이하게 아이프레임을 이용하여 객체나 함수를 호출해야 할 경우 다음과 같이 이용한다.


parent.html

<script>

var $frame = $('#iframe');

$frame.contents().find('body').click(function(){  alert('click');  });    // 프레임내의 객체 컨트롤

var fn = $frame[0].contentWindow['test']; // child.html 내의 자바스크립트 함수 호출

fn(1, 2);

</script>

<iframe id="iframe" src='child.html'></iframe>


child.html

<script>

function test(a, b){

alert( a + b);

}

</script>