Iframe------父子页面传值
Posted xp0813
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Iframe------父子页面传值相关的知识，希望对你有一定的参考价值。
父页面给子页面传值
father.jsp 父页面
<body>
<iframe src="你的子页面的jsp"
width="500px" height="500px" name="iframeId"
visibility="hidden" id="iframeId">
</iframe>
<form method="post" action="${pageContext.request.contextPath}/login" onsubmit="return login(this)" >
输入用户名：<input type="text" name="userName" value="" id="name"/><br>
密码：<input type="password" name="passWord" value="" id="password"><br>
<input type="submit" value="提交" name="submit" >
</form>
</body>
<script type="text/javascript">
function login(form) {
//获取本页面文本框的值
var loginName=$("#name").val();
var password=$("#password").val();
//修改子页面中文本框的值
$(‘#iframeId‘).contents().find("#loginName").val(loginName); //获取当前页面中id为iframeid的iframe，给子页面中id为loginName的文本框赋值
$(‘#iframeId‘).contents().find("#password").val(password);
$("#iframeId")[0].contentWindow.子页面函数的名字();
}
</script>
zi.jsp 子页面
<script type="text/javascript" src="js/jquery.min.js" ></script>
<script type="text/javascript">
function zi() {
return true;
}
</script>
<body>
<form method="post" action="#" onsubmit="return zi()" >
输入用户名：<input type="text" name="userName" value="" id="name"/><br>
密码：<input type="password" name="passWord" value="" id="pass"><br>
<input type="submit" value="提交" name="submit" >
</form>
</body>
以上是关于Iframe------父子页面传值的主要内容，如果未能解决你的问题，请参考以下文章