在jsp页面中,frame之间以及子页面和父页面间参数是如何传递的?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在jsp页面中,frame之间以及子页面和父页面间参数是如何传递的?相关的知识,希望对你有一定的参考价值。
看示例代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>父页面</title>
<script type="text/javascript">
function getChildEl()
alert(document.frames("inner").document.getElementById("text1.inner").value);
</script>
</head>
<body>
<input type="text" id="text1.outter" value="outter text"/>
<input type="button" value="访问子页面" onclick="getChildEl()" />
<br/>
<iframe id="inner" name="inner" src="child.html"></iframe>
</body>
</html>
扩展资料
子页面给父页面赋值
经常可能会看到,父页面中的某个文本框一点击,就跳入到一个新页面(称之为子页面),子页面中点击某个按钮,子页面关闭,父页面的文本框中已经获得刚刚子页面中的值。
1、父页面中给文本框添加一个单击事件。这个单击事件中必须以如下方式打开子页面:
window.open('xxxx.html');//其中xxxx为子页面。
2、子页面中这样给父页面文本框赋值:
window.opener.document.getElementById("父页面中文本框的Id").value = 需要传给父页面的值;window.close();
至此,就实现了子页面给父页面传值。下面上代码:
-----------------代码start--------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>根据地址查询经纬度</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
<script>
// window.opener.document.getElementById("父页面元素的id").value = '子页面填写的值'
</script>
参考技术A 看示例代码吧,两个页面,一个页面中用iframe嵌套另一个页面<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>父页面</title>
<script type="text/javascript">
function getChildEl()
alert(document.frames("inner").document.getElementById("text1.inner").value);
</script>
</head>
<body>
<input type="text" id="text1.outter" value="outter text"/>
<input type="button" value="访问子页面" onclick="getChildEl()" />
<br/>
<iframe id="inner" name="inner" src="child.html"></iframe>
</body>
</html>
================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>子页面</title>
<script type="text/javascript">
function getParentEl()
alert(parent.document.getElementById("text1.outter").value);
</script>
</head>
<body>
<input type="text" id="text1.inner" value="inner text"/>
<input type="button" value="访问父页面" onclick="getParentEl()" />
</body>
</html>本回答被提问者采纳 参考技术B jsp中iframe在子页面和父页面之间传值
父页面father.html和子页面son.html之间如何传值。
一、父页面给iframe中的子页面传值,把值写入子页面的文本框里
father.html
<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function fuzhi()
$('#son').contents().find("#b").val("父页面传过来的值!");
</script>
<iframe id="son" name="son" src="son.html" width="400" height="200"></iframe><br />
<input type="button" value="给子页面表单中id为b的文本框赋值" onclick="fuzhi()" />
son.html
<form name="form2"><input type="text" name="b" id="b" /></form>
二、子页面如何调用父页面中的函数
father.html
<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function fun()
alert('这是父页面中的函数弹出窗口哦!');
</script>
<iframe id="son" name="son" src="son.html" width="400" height="200"></iframe>
son.html
<script type="text/javascript">
function diaoyong()
$(window.parent.fun()); //调用父页面函数
</script>
<form name="form2"> <input name="btn1" type="button" onclick="diaoyong()" value="调用父页面中的函数" /></form>
三、iframe中的子页给父页面传值
father.html
<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script>
<div id="messagediv">test</div>
<iframe id="son" name="son" src="son.html" width="400" height="200">
</iframe>
son.html
<script type="text/javascript">
function fuzhi()
$(window.parent.$("#messagediv").html("子页面赋过来的值"));
</script>
<form name="form2"><input name="btn1" type="button" onclick="fuzhi()" value="给父页中id为messagediv的元素赋值" /></form> 参考技术C frame 定义ID, frame.xxx下面的值
父页面与子页面
parent.document.xxx获取追问
能具体一点吗?最好是实例,方便理解,谢谢。
参考技术D 一般的你设置了参数的传递方式就行,有Page的,Session的,Application的,都可以。以上是关于在jsp页面中,frame之间以及子页面和父页面间参数是如何传递的?的主要内容,如果未能解决你的问题,请参考以下文章