1。父窗口传递信息给子窗口
看代码实例:
<script language=javascript>
function outPut()
{
//获取父窗口的文本信息赋值给text
var text = document.abc.text.value;
//打开子窗口,并且把操作句柄赋值给win变量,以下所有操作都是针对win对象的
var win = window.open("","mywin", "menubar=no,width=400,height=100,resizeable=yes");
//输出基本信息
win.document.writeln("<title>输出结果</title>");
win.document.writeln("你的信息是:<p>");
//输出从父窗口获取的信息
win.document.writeln(text);
win.document.close();
win.focus();
}
</script>
<form name=abc method=post>
<input type=text name=text size=50>
//调用上面的函数
<input type=button value=提交 onClick="outPut()">
</form>
2。子窗口传递参数给父窗口
我们对上面的代码进行改造:
<script language=javascript>
function outPut()
{
var text = document.abc.text.value;
var win = window.open("","mywin", "menubar=no,width=400,height=100,resizeable=yes");
win.document.writeln("<title>输出结果</title>");
win.document.writeln("你的信息是:<p>");
win.document.writeln(text);
win.document.writeln("<input type=text name=child value=子窗口信息>");
//对子窗口本身操作,使用self对象,对父窗口操作使用opener对象,这是关键
//把子窗口中表单的值回传给父窗口,取代父窗口表单以前的值,然后关闭子窗口
win.document.writeln("<input
type=button value=关闭自己
onClick='window.opener.abc.text.value=self.child.value;self.close()'>");
//可以控制关闭父窗口
win.document.writeln("<input type=button value=关闭父窗口 onClick='window.opener.opener=null;window.opener.close()'>");
//刷新父窗口
win.document.writeln("<input type=button value=刷新父窗口 onClick='window.opener.location.reload()'>");
win.document.close();
win.focus();
}
</script>
<form name=abc method=post>
<input type=text name=text size=50>
<input type=button value=提交 onClick="outPut()">
</form>
分享到:
相关推荐
有两种方式 第一种:对于用window.open()方法打开的页面 第二种:用window.showModalDialog()
FineUI 子父页面传值交互,主JS,避免后台
父窗口给子窗口传递数据是通过url的参数传递过去,子窗口给父窗口传递数据是通过父窗口的全局函数传递。 代码: index.html如下: 代码如下:<!DOCTYPE html> <html lang=”en”> <head>
(2)创建Browser,作为子窗口嵌入 CNxCEFManager* pCEFManager = CNxCEFManager::GetCefManager(); //得到全局Manager pCEFManager->Initialize(AfxGetInstanceHandle(), true); //初始化 INxCefBrowser* ...
1、parent代表父窗口、如果父窗口又存在若干层嵌套,则top代表顶级父窗口。 self代表窗口自身。 if(self==top){//}判断窗口是否处于顶级 if(self==parent){}//也可以 2.1、父页面访问子页面元素。思路是子页面的...
主要介绍了JS实现刷新父页面不弹出提示框的方法,实例分析了javascript子窗口的打开以及子窗口与父窗口的交互操作技巧,需要的朋友可以参考下
15.3.1 父节点和子节点 15.3.2 兄弟节点 15.3.3 nodeName和nodeType属性 15.3.4 空白bug 15.4 遍历DOM 15.5 DOM查看器 15.6 查询DOM的快捷方式 15.6.1 document.getElement-...
定义标准接口 Interface= {}; Interface.ParentWin = {}; Interface.ChildWin = {}; /** * 父页面提供的标准接口函数名称 ... closeFun: closeFun //子页面需要关闭时,调用父页面的关闭窗口接口 } /** *
JavaScript:定义行为和动作 (基于对象和事件驱动的客户端脚本语言;也是一种广泛应用于客户端Web开发的脚本语言) 基于对象:网页中的一切元素都是假象!不需要new,即可直接使用 事件驱动:JavaScript的执行都是...
parent:子窗口的父窗口对象参数值:此参数只用在弹出的窗口中再弹出子窗口时指定父窗口对象,注意如果2层弹出窗口都有遮罩层则一定要加此参数。 dgOnLoad:窗口加载后执行的函数参数值:注意此参数值一定要为函数...
用于创建响应式模态对话框的jQuery插件模态窗口是一个子窗口,要求用户与其进行交互,然后才能继续使用父应用程序。 模态窗口是最常用的用户界面元素之一,用于命令用户意识以便传达重要信息或警告错误或警告。 斑马...
本Demo实现了一个来自不同服务器的前端页面集成方案,页面间通过window窗口关系形成父子页面关系,跨域情况下父子页面间彼此看不见对方的DOM和js对象,无法直接进行数据交互。本方案从父页面到子页面数据传递采用url...
-为ExtAspNet.Alert添加两个静态方法ShowInParent和GetShowInParentReference,用于在父页面弹出窗口。 +在aspx页面中必须显示的声明控件的集合属性(比如Tabs(TabStrip), Items(PanelBase), Nodes(TreeNode))。 ...
-为ExtAspNet.Alert添加两个静态方法ShowInParent和GetShowInParentReference,用于在父页面弹出窗口。 +在aspx页面中必须显示的声明控件的集合属性(比如Tabs(TabStrip), Items(PanelBase), Nodes(TreeNode))。 ...
斑马对话 一个小巧,紧凑,易于移动且高度可配置的jQuery插件,用于创建响应式模态对话框 模态窗口是子窗口,要求用户与其进行交互,然后才能继续使用父应用程序。 模态窗口是最常用的用户界面元素之一,用于命令...
] 子窗口 继承父窗口背景信息 完善 [!] 滚动条 相关BUG [!] 修复了ExFC中控件移动的参数错误 [!] 修复了demo中重复打开窗口导致的崩溃 [+] 增加控件扩展demo(滑块条) [4.1] 综合: [+] 布局支持(xml/css) [+] ...
XML创建了标识,而DOM的作用就是告诉script如何在浏览器窗口中操作和显示这些标识 上面我们已经简要的讲述了一些XML的基本原理,我们来看看它们之间的关联以及它们是如何工作的,先看这里一张图: 1.XML描述...
在子窗体中访问并控制父窗体中对象 493 内容总结 495 独立实践 496 第二十五章:JavaScript介绍 497 学习目标 497 JavaScript语言概况 498 JavaScript和Java的区别 499 基于对象和面向对象 499 解释和编译 499 强...
选择用于摆放的父组件 取消一个组件的摆放 打包器总结 窗口的堆叠顺序 第24章 栅格摆放布局管理器( grid) 一种基本栅格 跨行列摆放 行列约束 grid命令 第25 章定位摆放布局管理器( place) place的...
10.9.2 单个表中的父/子视图 10.9.3 使用查找表编辑字段 10.9.4 处理来自数据库的图片 10.9.5 探测并发冲突 10.10 总结 第11章 缓存和异步页面 11.1 理解ASP.NET缓存 11.2 输出缓存 11.2.1 声明性...