在jsp页面中,frame之间以及子页面和父页面间参数是如何传递的?_百度...

发布网友发布时间：2022-05-03 02:10

共5个回答

热心网友时间：2022-04-21 04:36

看示例代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

function getChildEl(){

alert(document.frames("inner").document.getElementById("text1.inner").value);

}

</script>

</head>

<body>

<br/>

</body>

</html>

扩展资料

子页面给父页面赋值

经常可能会看到，父页面中的某个文本框一点击，就跳入到一个新页面(称之为子页面),子页面中点击某个按钮，子页面关闭，父页面的文本框中已经获得刚刚子页面中的值。

1、父页面中给文本框添加一个单击事件。这个单击事件中必须以如下方式打开子页面：

window.open('xxxx.html');//其中xxxx为子页面。

2、子页面中这样给父页面文本框赋值：

window.opener.document.getElementById("父页面中文本框的Id").value = 需要传给父页面的值；window.close();

至此，就实现了子页面给父页面传值。下面上代码：

-----------------代码start--------------------

<head>

<title>根据地址查询经纬度</title>

// window.opener.document.getElementById("父页面元素的id").value = '子页面填写的值'

</script>

热心网友时间：2022-04-21 05:54

看示例代码吧，两个页面，一个页面中用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>

热心网友时间：2022-04-21 07:29

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 fu()
{
$('#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="fu()" />
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 fu()
{
$(window.parent.$("#messagediv").html("子页面赋过来的值"));
}
</script>
<form name="form2"><input name="btn1" type="button" onclick="fu()" value="给父页中id为messagediv的元素赋值" /></form>

热心网友时间：2022-04-21 09:20

frame 定义ID， frame.xxx下面的值
父页面与子页面
parent.document.xxx获取追问能具体一点吗？最好是实例，方便理解，谢谢。

热心网友时间：2022-04-21 11:28

一般的你设置了参数的传递方式就行，有Page的，Session的，Application的，都可以。