前言：
此时同学们对“调用父窗口的js函数”都比较注重，姐妹们都需要了解一些“调用父窗口的js函数”的相关文章。那么小编在网络上收集了一些对于“调用父窗口的js函数””的相关内容，希望你们能喜欢，姐妹们快快来了解一下吧！（1），顶层窗口及底层窗口
<!DOCTYPE html><html><head><meta charset="utf-8"> <style type="text/css"></style> <link rel="stylesheet" type="text/css" href="#"> </head><body> <input type="button" value="测试1" onclick="testFun()" /> </body><script type="text/javascript"> function testFun() { // 当前窗口是否底层窗口 if(window.parent == window.self) { alert("是底层窗口"); } // 是否最顶层窗口 if(window.top != window.self) { alert("不是最顶层窗口，当前窗口在一个框架中"); } else { alert("是最顶层窗口"); } } </script></html>（2），框架集元素子窗口调用父窗口js方法及调用兄弟窗口（注意：页面都是在同一个域）
<!--indexIframeTest.jsp页面--><%@ page language="java" pageEncoding="utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";><html xmlns=";><head> <% String contextPath = request.getContextPath(); %> <title>test</title> <script type="text/javascript"> function testParentFun() { alert("这是父页面中js方法的信息提示！"); } </script></head><body> <iframe src="<%=contextPath %>/pub/testDirectory/firTest.jsp" frameborder="1"></iframe> <iframe src="<%=contextPath %>/pub/testDirectory/secTest.jsp" frameborder="1"></iframe></body></html><!--firTest.jsp页面--><%@ page language="java" pageEncoding="utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";><html xmlns=";><head> <% String contextPath = request.getContextPath(); %> <title>test</title> <script type="text/javascript"> // 测试调用父页面js方法 function testParentFun() { window.parent.window.testParentFun(); } // 测试调用同父页面下的第二个页面js方法 function testSecFun() { window.parent.frames[1].window.secFunction(); } </script></head><body> 这是子页面，的第一个页面 <input type="button" value="测试调用父页面js方法" onclick="testParentFun()" /> <input type="button" value="测试调用同父页面下的第二个页面js方法" onclick="testSecFun()" /></body></html><!--secTest.jsp页面--><%@ page language="java" pageEncoding="utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";><html xmlns=";><head> <% String contextPath = request.getContextPath(); %> <title>test</title> <script type="text/javascript"> function secFunction() { var divInnerText = document.getElementById("divID_01").innerText; alert("这是第二个页面js方法，使用innerText获取层元素里内容="+ divInnerText); } </script></head><body> 这是子页面，的第二个页面 <div id="divID_01"> 这是层元素里的内容 </div></body></html> 版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #调用父窗口的js函数
