转自 http://blog.csdn.net/jinchun1234/archive/2009/06/25/4298989.aspx
js弹出子页面并将值返回父页面
父页面
script type="text/javascript">
function openNewWin(){
var ret =window.showModalDialog("a2.jsp",{win:window},'dialogHeight:200px;dialogWidth:200px');
document.forms[0].ss.value=ret;
window.reload();
}
</script>
</head>
<body>
<form action="">
<input type="button" id="ss" onClick="openNewWin();" value="初始值">
</form>
</body>
子页面
<body>
<script language="javascript">
function test(){
window.returnValue = "返回值";
window.dialogArguments.win.location.reload();
window.close();
}
</script>
<input name=Button type=button value=关闭并刷新父页面 onClick="test()">
</body>
分享到：
相关推荐
"弹出框选择 返回父页面值"这个主题涉及到的是如何在两个或多个页面之间传递数据，特别是在一个页面（子页面）通过弹出框进行用户操作后，将结果传递回原始页面（父页面）。这个过程通常用于实现更复杂的用户交互，...
- **JSP**：在主页面的JSP中，添加触发弹出的按钮或链接，通过JavaScript事件监听器绑定打开子页面的函数。 - **Struts配置**：在struts-config.xml中配置Action，将请求映射到对应的Action。 4. **示例代码：** ...
根据提供的文件信息，本文将详细解释如何使用JavaScript在父页面中弹出一个新的窗口，并从这个新弹出的窗口中获取数据。此技术常用于需要在当前页面与另一个页面之间进行数据交互的应用场景。 ### 一、理解弹窗原理...
在网页开发中，有时我们需要实现一个功能：当一个弹出层（通常是模态窗口或对话框）被关闭时，能够自动刷新其父页面的内容。这个功能常见于数据编辑或者信息确认场景，用户在子窗口中完成操作后，返回父页面看到最新...
在这个名为"HTML 父窗口打开子窗口，并接收子窗口返回的值"的示例中，我们主要探讨如何利用JavaScript在HTML页面中打开新的子窗口，并在子窗口与父窗口之间进行通信，传递数据。 首先，`index.html`很可能是主页面...
在实际应用中，这些文件将配合jQuery和JavaScript代码，构建出完整的Web应用程序，实现弹出层和页面刷新的控制。如果需要进一步的帮助，如具体的代码实现或对ASP.NET和jQuery的深入理解，建议查阅相关的技术文档或...
在JavaScript（JS）中，弹出页面和弹出窗口是两种常见的用户交互方式，它们能够提供额外的信息或者增强用户体验。本文将深入探讨如何利用JS实现这两种功能。 首先，"弹出页面"通常指的是在一个新浏览器窗口中打开一...
本文将深入讲解如何利用JavaScript实现弹出子窗口，并将子窗口中的数据传递回父窗口。 首先，我们来看父窗口的代码。在给定的`First.html`文件中，我们定义了一个名为`ShowDialog`的JavaScript函数，用于打开一个...
这个过程涉及到在主窗口（或称为父页面）中触发一个弹出窗口（子页面），用户在子页面中输入信息，然后将这些信息传递回父页面。下面将详细讲解这一过程的关键知识点。 1. **弹出窗口的实现方式**： - **模态...
在JavaScript编程中，有时我们需要在不同的页面之间传递数据，特别是在有子页面弹出或新窗口打开的情况下。...通过以上方法，你可以实现从子页面向父页面传递参数，以及将弹出窗口页面的结果返回到原始页面显示。
在网页开发中，有时我们需要在弹出的子页面或弹窗中进行操作并把结果传回给父页面。Layer是一个非常流行的JavaScript弹层组件，它提供了丰富的弹出窗口功能，包括对话框、提示、加载、iframe等。在本文中，我们将...
JavaScript弹出层表单提交是一种常见的用户交互设计，它允许用户在不离开当前页面的情况下填写并提交表单数据。这种技术常用于网站的登录、注册、评论或编辑功能，提供了良好的用户体验，因为用户无需跳转到新页面...
在标题"弹出一个层(禁止刷新父页或允许刷新)5种实现方法"中，我们将探讨五种不同的JavaScript技术来创建这种效果，同时考虑是否在弹出层打开后锁定父页面，以及是否允许用户通过刷新页面来关闭弹出层。 1. **纯CSS...
`layui.table` 用于展示数据表格，而 `layui.layer` 则用于弹出层，可以用来创建子页面。 在父页面中，我们通常会有一个数据表格，其中包含了需要传递的数据。使用 `layui.table` 可以轻松地渲染表格，同时可以通过...
本文将深入探讨如何使用JavaScript实现弹出div，以及如何返回原来的页面。 首先，我们需要理解什么是弹出div。在HTML中，div是一个常用的布局元素，可以用来组织和分隔内容。在JavaScript中，通过改变CSS样式，我们...
### JavaScript 弹出窗口返回值给父窗口具体实现知识点 #### 1. 窗口间通信的需求 在Web开发中，经常需要在父窗口和弹出窗口间进行数据交互。一个典型的场景是弹出窗口用于让用户进行某些选择或者填写表单，之后将...
文章主要讲解了如何在使用layer组件弹出层时，通过父页面的JavaScript代码获取子页面（弹出层）输入框中的数据，并将这些数据利用隐藏控件带回父页面，以便进行后续处理。 知识点一：layer弹出层组件的使用 Layer是...
在前端开发中，JavaScript弹出层（也称为模态窗口或对话框）是不可或缺的交互元素，它们用于显示额外信息、获取用户输入或执行特定操作。"18种非常实用的js弹出层"集合提供了多种不同的实现方式，旨在帮助开发者在...
"js弹出框弹出层"是指使用JavaScript实现的一种非模态或者模态的对话框，它可以在页面上创建一个独立的窗口，用来显示内容、进行交互。在本例中，我们关注的是ThickBox，这是一个流行的JavaScript库，专门用于创建...
总的来说，"纯js漂亮各种弹出框"涵盖了从基础的JavaScript弹出框到高级的自定义对话框的设计和实现。通过熟练掌握这些技巧，开发者可以创建出既美观又实用的交互式网页元素，提高网站的用户体验。