JQuery 작업 iframe 상위 및 하위 페이지의 요소 및 방법
업데이트: 2011-05-05 출처: 인터넷 글꼴:[대중소]
-
JQUERY IFRAME
다음은 단순히 Jquery를 사용하여 iframe의 기록을 조작하는데 이것은 순수한 JS로도 실현할 수 있다.
첫째, iframe에서 부모 페이지 요소를 찾는 방법: $('#id', window.parent.document)
둘째, 부모 페이지에서 iframe의 요소를 가져오는 방법: $(this).contents().find("#suggestBox")
셋째, iframe에서 부모 페이지에 정의된 방법과 변수를 호출합니다:parent.method parent.value
iframe에서 jquery로 부모 페이지 바디 가져오기
iframe.html
1 <html>
2 <script src='jquerymin.js'>script> 3 <body id='1'> 4 <div>it is a iframediv> 5 body> 6 <script> 7 $(document).ready( 8 function(){ 9 var c = $(window.parent.document.body) 10 11 // : var c = $($(window).eq(0)[0].parent.document).find('body'); , 12 alert(c.html()); 13 } 14 ); 15 script> 16 html>
content.html
<html>
<script src='jquerymin.js'>script>
<body id='fa'>
<iframe src='iframe.html' width='100' height='100'>iframe>
<br>
<br>
<br>
<div id='mydiv'>content iframediv>
body>
<script>
function a()
{
alert(1);
}
alert($(document).text());
script>
html>
jquery, js에서 iframe 부모 창과 하위 창 요소를 호출하는 방법
1. jquery는 iframe 하위 페이지에서 부모 페이지 요소 코드를 다음과 같이 가져옵니다.
$("#objid", parent.document)
2. jquery는 부모 페이지에서 iframe 하위 페이지의 요소 코드를 다음과 같이 가져옵니다: $("#objid",document.frames ('iframename').document)
3. js는 iframe 하위 페이지에서 부모 페이지 요소 코드를 다음과 같이 가져옵니다.
indow.parent.document.getElementByIdx_x(요소 id);
4.js는 부모 페이지에서 iframe 하위 페이지 요소 코드를 다음과 같이 가져옵니다.
window.frames["iframe_ID"].document.getElementByIdx_x(요소 id);
5. 하위 클래스 iframe에서 상위 클래스 함수를 호출합니다.
window.parent.func();
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.