คุณสามารถเข้าใจการทดสอบรหัสต่อไปนี้ดังนี้:
1.HTML:
คัดลอกรหัสรหัสดังนี้:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<title> เอกสารที่ไม่ใช่ title </title>
</head>
<body>
<div> ===================== หมายเหตุ: การทดสอบเริ่มต้นจากที่นี่ ================ ==== < /div>
<p id = "pox"> ใช้เพื่อทดสอบองค์ประกอบของการเข้าถึงแบบ sub -window ไปยังหน้าต่างหลัก </p>
<div> ==================== บรรทัดการแบ่งส่วน Iframe ===================== = </div>
<iframe src = "a.html" frameborder = "0" id = "framea" name = "framea"> </iframe>
<iframe src = "b.html" name = "iframeb" frameBorder = "0" id = "frameb"> </iframe>
<div> ==================== บรรทัดการแบ่งส่วน Iframe ===================== = </div>
<p> มาก่อนเพื่อแสดง: วิธีหรือองค์ประกอบในหน้าต่างหลักที่เข้าถึงหน้าต่างลูก </p>
<p> สรุป: วิธีการเยี่ยมชม sub -window ของหน้าต่างแม่ใช้วิธีที่แตกต่างและองค์ประกอบ </p>
<อินพุต type = "ปุ่ม" onclick = "framediv ()" value = "องค์ประกอบบางอย่างในหน้าต่างหลักเข้าถึงองค์ประกอบ" /> /> />
<อินพุต type = "ปุ่ม" onclick = "framefun ()" value = "วิธีการเข้าถึงการเข้าถึงหน้าต่างพาเรนต์" /> /> />
<script type = "text/javascript">
// sub -window การเข้าถึงวิธีหน้าต่างพาเรนต์
ฟังก์ชั่น testp (SS) {
การแจ้งเตือน (SS)
-
// รับองค์ประกอบของ iframe
ฟังก์ชั่น getiframe (id) {
ส่งคืน document.getElementById (ID) .ContentWindow.Document;
-
// หน้าต่างพ่อเข้าถึงองค์ประกอบย่อย -window
ฟังก์ชั่น framediv () {
getIframe ("framea")
//window.frames ["iframea"] .getElementByidMaidmaidmaidmaidmaids
-
// หน้าต่างพ่อเข้าถึงวิธีการย่อย -window
ฟังก์ชั่น framefun () {
//getiframe="frameb")
// window.frames ["iframeb"]
การแจ้งเตือน (window.frames ["iframeb"]. getSfun ());
-
</script>
</body>
</html>
A.HTML
คัดลอกรหัสรหัสดังนี้:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<title> เอกสารที่ไม่ใช่ title </title>
</head>
<body>
<div id = "ooxx"> ใช้เพื่อทดสอบองค์ประกอบบางอย่างในหน้าต่างหลักเพื่อเข้าถึงองค์ประกอบบางอย่างใน sub -window </div>
<p id = "divooxx"> ใช้เพื่อทดสอบองค์ประกอบบางอย่างในหน้าต่าง B เพื่อเข้าถึงหน้าต่าง A </p>
<p> 1. sub -window iframea เข้าถึงองค์ประกอบบางอย่างในหน้าต่างหลัก </p>
<อินพุต type = "ปุ่ม" onclight = "frametopdiv ()" value = "sub -window เพื่อเข้าถึงองค์ประกอบที่แน่นอนในหน้าต่างพาเรนต์" /> />
<อินพุต type = "ปุ่ม" onclick = "frametopfun ()" value = "หน้าต่างเล็ก ๆ เพื่อเข้าถึงด้วยหน้าต่างหลัก" /> />
<script type = "text/javascript">
// sub -window เข้าถึงองค์ประกอบที่แน่นอนในหน้าต่างหลัก
ฟังก์ชัน frametopdiv () {
parent.document.getElementById ("POX")
parent.document.getElementById ("POX")
-
// sub -window การเข้าถึงวิธีหน้าต่างพาเรนต์
ฟังก์ชั่น frametopfun (SS) {
parent.testp ("SSSS");
-
// วิธีที่ใช้ในการทดสอบการเข้าถึง IFRAMEB
ฟังก์ชั่น testba () {)
การแจ้งเตือน ("วิธีการทดสอบการเข้าถึง IFRAMEB")
-
</script>
</body>
</html>
B.HTML
คัดลอกรหัสรหัสดังนี้:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<title> เอกสารที่ไม่ใช่ title </title>
</head>
<body>
<p> สอง: ทดสอบวิธีหรือองค์ประกอบระหว่างการทดสอบย่อย -windows </p>
<อินพุต type = "ปุ่ม" value = "sub -window b เข้าถึงองค์ประกอบที่แน่นอนใน sub -window" onclick = "frametframediv ()" /> />
<อินพุต type = "ปุ่ม" value = "sub -window b เยี่ยมชมวิธีการย่อย -window a" onclick = "frametframefun ()" /> />
<script type = "text/javascript">
// sub -window b การเข้าถึงองค์ประกอบบางอย่างใน sub -window a
ฟังก์ชัน frametframediv () {{
//parent.document.getElementByid.com
//parent.document.getElementByid.com
var _bframe = parent.getiframe ("framea");
_bframe.getElementById ("Divooxx")
_bframe.getElementById ("Divooxx")
-
// หน้าต่างเล็ก B เข้าถึงวิธีการย่อย -window a
ฟังก์ชัน frametFrameFun () {{
window.parent.frames ["framea"]
-
</script>
<script type = "text/javascript">
ฟังก์ชั่น getSfun () {
กลับ "SSSSSSSS";
-
// getFun ()
</script>
</body>
</html>