`

javascript的子窗口和父窗口的传值与刷新

阅读更多

另存为子窗口

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<meta http-equiv="Expires" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">
<base target="_self"/>

</HEAD>

<BODY>
<br/>父窗口传递来的值:<input id="txt0" type="text"/><br/>
输入要设置父窗口的值:<input id="txt1" type="text"/><input type ="button" value="设置父窗口的值" onclick="setFather()"/><br/>
输入返回的值:<input id="txt2" type="text"><input type ="button" value="关闭切返回值" onclick="retrunValue()"/>
<input type ="button" value="关闭刷新父窗口" onclick="winClose(1)"/>
<input type="button" value="关闭不刷新父窗口" onClick="winClose(0)"/>

 

<br/><br/>
<input type="button" value="测试" onClick="javascript:window.open('aa.asp');">

</BODY>
</HTML>

<script language=javascript>
<!--
var k=window.dialogArguments;
//获得父窗口传递来的值
if(k!=null)
{
document.getElementById("txt0").value = k.document.getElementById("txt9").value;
}
//设置父窗口的值
function setFather()
{
k.document.getElementById("txt10").value = document.getElementById("txt1").value
}
//设置返回到父窗口的值
function retrunValue()
{
var s = document.getElementById("txt2").value;
window.returnValue=s;
window.close();
}

function winClose(isRefresh)
{
window.returnValue=isRefresh;
window.close();
}

//-->
</script>
----------------------------------------------------------------------------------------------------------------------------------

下列代码另存为父窗口

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
<!--
function openChild(){

var k = window.showModalDialog("child.htm",window,"dialogWidth:490px;dialogHeight:300px;center:yes;help:no;resizable:no;status:no");
if(k != null)
{
document.getElementById("txt11").value = k;

if(k==1)
{window.location.reload();}

}


}
//-->
</script>
</HEAD>

<BODY>
<br/>传递到子窗口的值:<input id="txt9" type="text" value=""><br/>
返回的值:<input id="txt11" type="text"><br/>
子窗口设置的值:<input id="txt10" type="text"><br/>


<input type ="button" value="openChild" onclick="openChild()">
</BODY>
</HTML>

 

 

 

 

分享到:
评论

相关推荐

    子窗口传值到父窗口.rar

    在Web开发中,有时我们需要在子窗口与父窗口之间传递数据。这通常发生在弹出窗口或者框架集等场景中,用户在子窗口进行操作后,需要将结果反馈给父窗口,以便更新父窗口的状态或展示相关信息。这个过程就称为“子...

    无刷新 子窗体传值父窗体

    在传统的方式中,如果想要从子窗口向父窗口传递数据,通常需要借助于JavaScript事件处理和DOM操作。 1. **JavaScript事件处理**: 当用户在子窗口执行某个操作后,例如点击按钮,可以触发一个JavaScript事件。通过...

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    首先,让我们理解标题中的“弹出window窗口传值”。在EasyUI中,创建一个弹出窗口通常涉及到以下步骤: 1. 创建一个HTML文件作为子页面,包含需要展示的数据和交互元素。 2. 在父页面中,通过`$.dialog`或`$.window...

    JS弹出窗口的各种传值方法.pdf

    `setFather()`函数用于设置父窗口的值,而`returnValue()`和`relodeValue()`函数则分别用于返回一个值并关闭子窗口,以及关闭子窗口并要求刷新父窗口。 总结来说,这个示例展示了JavaScript中使用`window....

    js关闭子窗体刷新父窗体实现方法

    在JavaScript中,有时候我们需要在关闭一个子窗口时刷新其父窗口,这在处理多窗口交互的应用场景中非常常见。例如,子窗口可能用于编辑或添加数据,然后在保存后需要更新父窗口显示的信息。以下是如何使用JavaScript...

    在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法

    本文将详细介绍如何在Layui的表格模板中,实现layer父页面与子页面之间的数据交互。 首先,我们需要理解Layui的table组件。在示例中,表格`#role_tb`是通过Layui的`table`模块动态渲染的,它从服务器获取数据并显示...

    iframe父子传值

    与父向子传值类似,子`iframe`也可以通过`postMessage`向父页面发送数据: ```javascript // 子页面 window.parent.postMessage('我是来自子页面的数据', '父页面的源URL'); // 父页面 window.addEventListener('...

    ajax\HTML 页面与页面之间传值

    Ajax是一种在不刷新整个页面的情况下,与服务器交换数据并局部更新页面的技术。它通过JavaScript的XMLHttpRequest对象实现,可以创建异步通信请求,使得用户体验更加流畅。 1. **利用URL参数传递**:最简单的页面间...

    三级页面传值..

    这通常适用于父页面能够控制子页面的创建和销毁的情况。 2. 事件冒泡:如果一级页面是顶级窗口,可以通过事件冒泡机制,由三级页面触发一个事件,一级页面监听并处理这个事件,从而获取数据。 3. 利用History API...

    layer弹窗:top.layer弹窗到父页面跨域解决办法

    它的工作原理是:一个窗口向其打开的子窗口、其父窗口或者任何其他与之有某种关系的窗口发送消息。 现在,我们回到layer弹窗插件。layer是一款轻量级的JavaScript弹层组件,它可以方便地创建各种弹出层,如提示、...

    javascript父子页面传参

    在JavaScript编程中,父子页面之间的通信是一个常见的需求,特别是在单页应用(SPA)或框架如Vue、React和Angular中。本篇文章将详细讲解如何在父子页面之间传递参数,并通过提供的DEMO文件(a.html、c.html、b.html...

    js 实现iframe 之间传值

    当`iframe`和父页面同源时,可以使用`window.parent`访问父窗口,而`window.frames`可以访问子`iframe`。例如: ```javascript // 父页面 window.frames['myIframe'].document.getElementById('targetElement')...

    如何传值在2个页面之间 要求不刷新父页面,并且不能用Querystring传值

    在本例中,父页面(main.aspx)通过JavaScript设置Cookie,然后打开一个新的浏览器窗口或标签页,加载子页面(child.aspx)。在设置Cookie时,JavaScript函数`SetCookie`被调用,此函数接收两个参数:`name`和`value...

    JavaScript—window对象使用示例

    - 父窗口: ```javascript function opendialog() { window.showModalDialog("child.html", window, "win", "resable=false"); } ``` - 子窗体: ```javascript var arg = window.dialogArguments; // ...

    前端技术总结.docx

    它使组件与URL路径关联,实现页面间的无刷新跳转。 三、父子组件传值 React 中通过`props`从父组件向子组件传递数据。子组件不能直接修改父组件的`props`,但可以通过回调函数(事件处理)通知父组件来实现数据的...

Global site tag (gtag.js) - Google Analytics