Iframe 父页面与子页面相互js调用实现

tag:ifame 子页面 调用 父页面 ,父页面 子页面


index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>My JSP 'index.jsp' starting page</title>
		<script type="text/javascript">
			function say() {
				alert("父页面被调用了!");
			}
			function callChild() {
				frame1.window.say();
			}
		</script>
	</head>
	<body>
		<input type="button" value="调用子页面" οnclick="callChild()"><br/>
		<iframe name="frame1" src="demo.jsp"></iframe>
	</body>
</html>


demo.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>My JSP 'demo.jsp' starting page</title>
	<script type="text/javascript"> 
		function say() 
		{ 
		alert("子页面被调用了!"); 
		} 
		function callParent() { 
			parent.say(); 
		} 
	</script> 
</head> 
<body> 
<input type="button" value="调用父页面" οnclick="callParent()"> 
</body> 
</html>


猜你喜欢

转载自blog.csdn.net/kalision/article/details/49584107