当前位置 - 무료 법률 상담 플랫폼 - 법률 문의 - 한 페이지에서 두 개의 iframe에 값을 전달하는 방법

한 페이지에서 두 개의 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;