본문 바로가기

Tip/Javascript

[jquery] iframe 컨트롤

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


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>


'Tip > Javascript' 카테고리의 다른 글

hash animation  (0) 2013.12.17
[PhantomJS] SSL handshake failed  (0) 2013.12.04
[jquery] jquery cron  (0) 2013.12.02
[jqGrid] rowspan  (0) 2013.12.02
[jqGrid] JSON 데이터 정렬  (0) 2013.11.21