다음 코드 테스트를 다음과 같이 이해할 수 있습니다.
1.html :
다음과 같이 코드 코드를 복사하십시오.
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = gb2312" /> />
<title> 비 -타이틀 문서 </title>
</head>
<body>
<div> ===================== 참고 : 테스트가 여기에서 시작됩니다 ================= ==== < /div>
<p id = "pox"> 부모 창에 대한 하위 바람 액세스의 요소를 테스트하는 데 사용됩니다 </p>
<div> =================== IFRAME 세그먼테이션 라인 ===================== = </div>
<iframe src = "a.html"frameborder = "0"id = "framea"name = "framea"> </iframe>
<iframe src = "b.html"name = "iframeb"framborder = "0"id = "frameb"> </iframe>
<div> =================== IFRAME 세그먼테이션 라인 ===================== = </div>
<p> 먼저 시연 : 자식 창에 액세스하는 부모 창의 메소드 또는 요소 </p>
<p> 요약 : 부모 창의 하위 바람을 방문하는 방법은 다른 방식과 요소를 채택합니다 </p>
<입력 유형 = "버튼"onclick = "framdiv ()"value = "부모 창의 특정 요소는 요소에 액세스하십시오" /> /> />
<입력 유형 = "버튼"onclick = "framefun ()"value = "부모 창 액세스에 액세스하는 메소드" /> /> />
<script type = "text/javaScript">
// SUB -WINDOW 부모 창 메소드에 대한 액세스
기능 testp (ss) {
경고 (SS)
}
// iframe의 요소를 얻습니다
함수 getiframe (id) {
return document.getElementById (id) .ContentWindow.document;
}
// 아버지 창에 액세스하십시오
함수 frardiv () {
getiframe ( "framea").
//window.frames [ "iframea"] .getElementByIdmaidmaidmaidmaids.
}
// 아버지 창에 액세스하십시오
함수 framefun () {
//getiframe="frameb").getSfun (); //이 양식의 메소드에 액세스 할 수 없습니다.
// window.frames [ "iframeb"];
ALERT (window.frames [ "iframeb"]. getSfun ());
}
</스크립트>
</body>
</html>
A.html
다음과 같이 코드 코드를 복사하십시오.
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = gb2312" /> />
<title> 비 -타이틀 문서 </title>
</head>
<body>
<div id = "Ooxx"> 하위 원위에서 특정 요소에 액세스하기 위해 상위 창의 특정 요소를 테스트하는 데 사용됩니다 </div>
<p id = "divooxx"> 창의 특정 요소를 테스트하여 창에 액세스하기 위해 a </p>
<P> 1. Sub -WINDOW IFRAMEA 부모 창의 특정 요소에 액세스하십시오 </p>
<입력 유형 = "버튼"onclight = "frametopdiv ()"value = "Sub -Window 부모 창에서 특정 요소에 액세스하려면" /> />
<입력 유형 = "버튼"ONCLICK = "FRAMETOPFUN ()"value = "부모 창으로 액세스 할 작은 창 /> />
<script type = "text/javaScript">
// 하위 창자 상부 창의 특정 요소에 액세스
함수 frametopdiv () {
parent.document.getElementById ( "pox") .color = "#fff";
parent.document.getElementById ( "pox").
}
// SUB -WINDOW 부모 창 메소드에 대한 액세스
함수 frametopfun (ss) {
parent.testp ( "ssss");
}
// iframeb 액세스를 테스트하는 데 사용되는 메소드
기능 testba () {)
Alert ( "iframeb 액세스 테스트 방법")
}
</스크립트>
</body>
</html>
B.html
다음과 같이 코드 코드를 복사하십시오.
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = gb2312" /> />
<title> 비 -타이틀 문서 </title>
</head>
<body>
<P> 2 : 테스트 하위 윈도우 사이의 메소드 또는 요소 테스트 </p>
<입력 유형 = "button"value = "sub -window b sub -window에서 특정 요소에 액세스하십시오.
<input type = "button"value = "sub -window b sub -window a"onclick = "frametframefun ()" /> />의 방법을 방문하십시오.
<script type = "text/javaScript">
// 하위 -Window B 하위 바람의 특정 요소에 대한 액세스
함수 frametframediv () {{
//parent.document.getElementByid.com
//parent.document.getElementByid.com
var _bframe = parent.getiframe ( "framea");
_bframe.getElementById ( "divooxx") .color = "#a0c0f0";
_bframe.getElementById ( "divooxx").
}
// 작은 창 b 서브 윈도우 방법에 대한 액세스
함수 frametframefun () {{
Window.parent.frames [ "Framea"];
}
</스크립트>
<script type = "text/javaScript">
함수 getSfun () {
"SSSSSSSS"를 반환합니다.
}
// getFun ()
</스크립트>
</body>
</html>