한 페이지에서 두 개의 iframe에 값을 전달하는 방법
jsp 페이지의 하위 페이지는 상위 페이지의 iframe에 값을 전달합니다.
1: document.getElementById("ii").contentWindow iframe 객체를 가져온 후 contentWindow를 통해 iframe 포함을 얻을 수 있습니다. 그러면 페이지 요소에 정상적으로 액세스할 수 있습니다.
2: $("#ii")[0].contentWindow? iframe을 얻으려면 jquery 선택기를 사용하려면 0;
3: $("#ii")[0].contentWindow.$("#dd").val()을 추가해야 합니다. iframe의 창 개체를 가져온 후 페이지 작업을 수행하는 jquery 선택기;
4: $("#ii")[0].contentWindow.hellobaby="dsafdsafsdafsdafsdafsdafsadfsadfsdafsadfdsaffdsaaaaaaaaaaaaaa"; 이런 방식으로 iframe 페이지를 호출하면 iframe 페이지 window.hellobaby에서 값을 얻을 수 있습니다. hellobaby는 맞춤 변수입니다.
5: iframe 페이지의 parent를 통해 기본 페이지의 창을 가져올 수 있습니다. , 그러면 상위 페이지의 요소에 정상적으로 액세스할 수 있습니다.
6: parent.$("#ii")[0].contentWindow.ff; 먼저 아버지의 창을 가져온 다음 동일한 수준에서 iframe을 호출하여 작업할 창을 가져와야 합니다.
예제 코드 :lt;!DOCTYPE?html?PUBLIC?"-//W3C/ /DTD?HTML?4.01?Transitional//EN"?"http://www.w3.org/TR/html4/loose.dtd"gt; ?
lt;htmlgt;?
lt;headgt;?
lt;meta?http-equiv="Content-Type"?content="text /html;?charset=utf-8"gt;?
lt;titlegt;차트 표시lt;/titlegt;?
lt;script?src="/jquery-1.7 .1.min.js"?type="text/javascript"gt; lt;/scriptgt;?
lt;script?type="text/javascript"gt;?
var?gg="dsafdsafdsafdsafsdaf";?
function?ggMM()?{?
alert("22");?
}?
function?callIframeMethod()?{?
//document.getElementById("ii").contentWindow.test();?
$("# ii")[0].contentWindow.test();?//When jquery로 호출하려면 [0]?
}?
function?callIframeField()?{?
alert($("# ii")[0].contentWindow.f
f);?
}?
function?callIframeHtml()?{?
alert($("#ii")[0].contentWindow. $("#dd").val());?
//alert($("#ii")[0].contentWindow.document.getElementById("dd").value); ?
//alert($("#ii")[0].contentWindow.document.getElementById("dd").value);?
}
function?giveParameter()?{?
$("#ii")[0].contentWindow.hellobaby="dsafdsafsdafsdafsdafsdafsadfsadfsdafsadfdsaffdsaaaaaaaaaaaaaa";?
}?
lt;/scriptgt;?
lt;/headgt;?
lt;bodygt;?
lt;a?href="# "?onClick="giveParameter();"gt;매개변수 전달lt;/agt;?
lt;a?href="#"?onClick="callIframeMethod();"gt;하위 iframe 호출 메서드lt;/agt;?
lt;a?href="#"?onClick="callIframeField();"gt;하위 iframe 변수 호출lt;/agt;?
lt;a?href="#"?onClick="callIframeHtml();"gt;하위 iframe 구성요소 호출lt;/agt;lt;/brgt;
lt;iframe?id="ii "?src="frame.htm"?width="100"?frameborder="0"gt;lt;/iframegt;?
lt;iframe?id="new"?src="newFrame .htm"?width="100"?frameborder="0"gt;lt;/iframegt;?
lt;/bodygt;?
lt;/htmlgt;
피><피>lt;