บทความนี้อธิบายวิธีการใช้ฟังก์ชันการโทรข้ามหน้า iframe โดย JS แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
ในโครงการคุณจะพบปัญหาดังกล่าวอย่างหลีกเลี่ยงไม่ได้ หน้าแนะนำ iframe และต้องใช้หน้าหลักเพื่อเรียกใช้ฟังก์ชันหน้าเด็กหรือหน้าเด็กจำเป็นต้องเรียกใช้ฟังก์ชันหน้าหลัก ตัวอย่างเช่นตอนนี้มีสองหน้า parent.html และ child.html โดยที่ parent.html มี iframe และ iframe ชี้ไปที่ child.html ตอนนี้คุณต้องโทรหาวิธี js ของ child.html/parent.html ใน parent.html/child.html
การใช้รหัสเฉพาะมีดังนี้:
parent.html หน้าหลัก:
คัดลอกรหัสดังนี้: <html>
<head>
<script type = "text/javascript">
ฟังก์ชั่น parent_click () {
การแจ้งเตือน ("จากหน้าหลัก");
-
</script>
</head>
<body>
<input type = "button" value = "การเรียกใช้ฟังก์ชันหน้านี้" onclick = "parent_click ();" -
<input type = "button" value = "การเรียกใช้หน้าที่หน้าเด็ก" onclick = 'window.frames ["ChildPage"]. child_click ();' -
<iframe id = "ChildPage" name = "ChildPage" src = "inner.html" frameBorder = "0"> </iframe>
</body>
</html>
child.html หน้าย่อย:
คัดลอกรหัสดังนี้: <html>
<head>
<script type = "text/javascript">
ฟังก์ชั่น child_click () {
การแจ้งเตือน ("เรียกว่าฟังก์ชันหน้าย่อย");
-
</script>
</head>
<body>
<input type = "button" value = "การเรียกฟังก์ชันหน้าหลัก" onclick = 'parent.window.parent_click ();' -
<input type = "button" value = "การเรียกใช้ฟังก์ชันหน้านี้" onclick = "child_click ();" -
</body>
</html>
ฉันหวังว่าคำอธิบายในบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรมเว็บของทุกคนตาม JavaScript