`
李瑞曦
  • 浏览: 44969 次
  • 性别: Icon_minigender_2
  • 来自: 大荔
社区版块
存档分类
最新评论

一篇实用的文章,JSP 页面传值

阅读更多

1.新建两个页面 一个是 Parent.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=utf-8" />
<title>父窗体</title>
<script language="javascript" type="text/javascript">
function OpenWindow(){
    window.open('son.html');
}
function setValue(m_strValue){
    document.getElementById("txt_Value").value = m_strValue;
}
</script>

</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <label>
  <input type="text" name="txt_Value" id="txt_Value" />
  </label>
  <label>
  <input type="button" name="btn_ShowClose" id="btn_ShowClose" value="按钮" onclick="OpenWindow();" />
  </label>
</form>
</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=utf-8" />
<title>子窗体</title>
<script language="javascript" type="text/javascript" >
function CloseWind(){
    opener.setValue("传值到父窗体");
    window.close();
}
</script>

</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <label>关闭
  <input type="button" name="btn_Close" id="btn_Close" value="按钮" onclick="CloseWind();"

/>
  </label>
</form>
</body>
</html>

2.通过子窗体执行的父窗体的setValue(m_strValue)来执行赋值操作.

 

==========================================================================

javascript调用父窗口(父页面)的方法。

1:   window.parent 是iframe页面调用父页面对象

举例:

a.html

 



实例地址:   http://www.cnspry.cn/blog/attachments/window.opener实例/a.html

 

 

=================================================================

2个方法都是刷新父窗口,但是其中还是有奥妙的哦。
      window.opener.location.reload();这个方法在强迫父窗口的时候,在有些IE浏览器(比如安全设置高)的情况下,会弹出一个确认对话框,提示是不是要重新再刷新一次页面,这可是比较郁闷的事情哦,我后来把这个方法替换成了 window.opener.location.href=window.opener.location.href;
就不会出现那样的问题了。

 

       window.opener其实是指本窗口的父窗口,比如,one.jsp 通过popupwindow打开了two.jsp,哪么在two.jsp里面的window.opener就是指one.jsp,所以在two.jsp里面完全可以用window.opener调用任何一个one.jsp里面的方法,实现one.jsp和two.jsp的交互。

       注意:window.opener.location.href 只是一个链接,如果想实现父窗口的提交就要调用window.opener.action="" 和window.opener.submit();方法,但是不幸的是这段代码在firefox下不能运行,解决的办法为在父窗口中写一个提交的 function在子窗口中通过window.opener.functionname()调用。

       通常在使用window.opener的时候要去判断父窗口的状态,如果父窗口被关闭或者更新,就会出错,解决办法是加上如下的验证if(window.opener && !window.opener.closed)

程序代码
<html>
<head><title>父页面</title></head>
<body>
<form name="form1" id="form1">

<input type="text" name="username" id="username"/>

</form>
<iframe src="b.html" width=100%></iframe>
</body>
</html>



如果我们需要在b.htm中要对a.htm中的username文本框赋值,就如很多上传功能,上传功能页在Ifrmae中,上传成功后把上传后的路径放入父页面的文本框中

我们应该在b.html中写

程序代码
<script type="text/javascript">
var _parentWin = window.parent ;
_parentWin.form1.username.value = "xxxx" ;
</script>



实例地址:   http://www.cnspry.cn/blog/attachments/window.parent实例/a.html

2:   window.opener 是window.open 打开的子页面调用父页面对象

a.html

程序代码

<script type="text/javascript">
function openSubWin()
{
var _width = 300 ;
var _height = 200 ;
var _left = (screen.width - _width) / 2 ;
var _top = (screen.height - _height) / 2 ;
window.open("b.html",null,
"height=" + _height + ",width=" + _width + ",status=no,toolbar=no,menubar=no,location=no,resizable=yes,left=" + _left + ",top=" + _top);
}
</script>
<input type="text" name="username" id="username"/>
<input type="button" value="弹出子页面" onClick="openSubWin();">



b.html

程序代码

<script type="text/javascript">
function UpdateParent()
{
var _parentWin = window.opener ;
_parentWin.form1.username.value = "xxxx" ;
}
</script>
<input type="button" name="button" id="button" value="更新主页面的UserName内容" onClick="UpdateParent();"> 
分享到:
评论

相关推荐

    jsp页面间通过request/session传值

    本篇文章将详细介绍如何利用 JSP 的 `request` 和 `session` 对象来实现数据的跨页面传递。 #### 二、Request 对象概述 `HttpServletRequest` 是一个标准的 Servlet 接口,用于获取客户端请求中的信息。当用户提交...

    两个jsp页面之间传值的问题,和checkbox多选框之间的问题

    本篇文章将聚焦于“两个JSP页面之间传值的问题”以及与之相关的“checkbox多选框”处理。博主houyajie在iteye博客上分享了这个问题的解决方案,让我们深入探讨一下。 首先,我们来看JSP页面间传值的基本方法: 1. ...

    JSP页面间的传值方法总结

    JSP页面间传递参数是经常需要使用到的功能,有时还需要多个JSP页面间传递参数,下面这篇文章主要给大家介绍了关于JSP页面间传值方法的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们...

    详解springmvc 中controller与jsp传值

    本篇文章将详细讲解如何在Spring MVC的Controller中向JSP页面传递数据。 首先,我们需要在`spring-mvc.xml`配置文件中启用Spring MVC的相关功能。通过`&lt;context:component-scan&gt;`标签来自动扫描指定包下的...

    Spring向页面传值和接受页面传过来的参数详解

    这篇文章将详细讲解Spring如何从页面接收参数以及如何向页面传值。 ### 一、从页面接收参数 #### 1. 使用`HttpServletRequest`获取 这是最基础的方式,通过`HttpServletRequest`对象的`getParameter()`方法直接...

    frameSet应用 子父窗口传值

    本篇文章将详细讲解如何在`frameSet`环境下进行子父窗口间的通信以及如何通过点击左边的导航栏来更新右边的内容。 ### 1. `&lt;frameset&gt;`基本结构 `&lt;frameset&gt;`元素定义了浏览器窗口应该如何被分割。它包含零个或多...

    jsp传值中文乱码问题解决方法示例介绍

    本篇文章将详细介绍如何解决JSP中的中文乱码问题,并通过示例代码进行说明。 1. **设置请求编码**: 在处理HTTP请求时,JSP页面可以通过`request.setCharacterEncoding("UTF-8")`方法来指定请求的字符编码。这是...

    Struts2的三种传值方式比较(附demo)

    在本篇文章中,我们将详细探讨Struts2的三种主要的传值方式,并通过一个简单的Demo来加深理解。 1. **Action属性传值** Struts2的核心是Action类,每个Action类都代表一个特定的业务逻辑。我们可以通过在Action类...

    struct2传递list集合到页面

    本篇文章将详细讲解如何在Structs2中将list集合传递到页面,以及页面间的跳转。 首先,让我们从标题"struct2传递list集合到页面"开始。在Structs2中,我们经常需要将后端处理的数据,如list集合,传递到前端页面...

    jquery传值例子

    本篇文章将详细讲解如何在jQuery中传递值,特别是在JSP(JavaServer Pages)页面和Action(如Struts2或Spring MVC中的Action)之间进行数据传输。 首先,理解JSP页面和Action的关系至关重要。JSP是一种动态网页技术...

    JSP Spring配置文件中传值的实例详解

    在Spring框架中,配置文件是核心组件之一,用于定义bean的创建、依赖关系以及属性...希望这篇文章能帮助你更好地理解和应用Spring配置文件中的传值技巧。如果你有任何问题或需要进一步的解释,欢迎在社区中进行讨论。

    springMvc请求的跳转和传值的方法

    本篇文章将详细讲解Spring MVC中两种主要的跳转方式:`forward`和`redirect`,以及它们如何进行参数传递。 ### Forward 跳转 `forward`跳转是在服务器端内部完成的,浏览器并不感知这个过程,它只是显示最终呈现的...

    springMVC如何接受参数,并传值给前端

    本篇文章将详细阐述如何在Spring MVC中接收参数以及如何将这些参数值传递给前端。 一、接收参数 1. 请求参数: Spring MVC通过`@RequestParam`注解来接收请求参数。例如,假设我们有一个GET或POST请求,其URL中...

    Struts2 自定义下拉框Tag标签

    本篇文章将详细讲解如何在Struts2中自定义下拉框Tag标签。 首先,自定义标签的实现分为三个主要步骤: 1. 编写Java类:你需要创建一个Java类来作为自定义标签的实现。在这个例子中,我们创建了一个名为`...

    SpringMVC前端和后端数据交互总结

    在本篇文章中,我们将总结SpringMVC前端和后端数据交互的相关知识点。 控制器(Controller) 控制器是SpringMVC中的核心组件之一,负责接收前端的请求并将其转发给模型层(Model)进行处理,然后将处理结果返回给...

Global site tag (gtag.js) - Google Analytics