iframe_javascript 스킬의 부모창과 자식창 사이에서 서로 호출하는 객체의 기본 사용법

iframe을 사용할 때 부모 창과 자식 창 사이에 값을 전달하고 메서드를 호출하는 작업이 포함될 수 있습니다. 이전에는 조금 혼란스러웠고, 이틀 동안 작업해야 해서 귀찮게 했습니다. 모든 것을 알아내는 것 외에는 선택의 여지가 없습니다. 실제로는 매우 간단합니다. 몇 가지 사용법과 몇 줄의 코드만 있으면 됩니다.

자식 창에서 상위 창의 js 메서드 호출:

코드 복사 코드는 다음과 같습니다. 다음은 다음과 같습니다.

parent.changeBtnTitle('tzgg');

상위 창에는 유사한 기능과 동작을 가진 여러 하위 창이 있을 수 있습니다. 동일하거나 유사한 객체를 호출하려면 상위 창에 해당 메소드를 작성하고 매개변수를 전달하여 다른 효과를 얻으세요.

상위 창은 하위 창의 개체를 가져옵니다.

먼저 하위 창의 iframe 개체를 가져옵니다. 예:

코드 복사 코드는 다음과 같습니다.

var frameName = window.frames["frameId"]

그러면 원하는 대로 하위 창 값의 문서를 가져온 다음 하위 창에서 개체를 호출할 수 있습니다. 상위 창에서 사용할 때 반복적으로 작성하는 것을 피하기 위해 다음과 같은 메소드를 작성하는 것이 좋습니다.

코드 복사 코드는 다음과 같습니다:

getSubWindowObj = function(moduleName){
return window.frames["iframe" moduleName].document.getElementById("moreorless" moduleName)
}

여기서는 iframeId와 하위 창의 개체 ID가 정기적으로 명명되었기 때문에 매개변수를 사용했습니다. 매개변수를 전달하고 함께 연결하면 됩니다.

마찬가지로 하위 페이지가 상위 페이지의 요소를 호출할 때 다음 코드를 사용할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

parent.window.document.getElementById('parentMenu')
//Abbreviation
parent.document.getElementById('parentMenu' );