`

children and parent window

阅读更多
看一下这段代码,或许可以给你点提示,可以直接运行的:
<!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 language="javascript" type="text/javascript">
<!--
var win=null
//用于存储子窗口对象的全局变量

function output()
{
window.btn1.disabled=true;//禁用btn1,防止打开多个子窗口
var text=window.text1.value;//将要交互的值

//打开一无url的新窗口
win=window.open('','newwin','menubar=no,width=400,height=100,resizeable=no');

//定义新窗口的document对象,以便对其写入代码
var childdoc=win.document;

childdoc.writeln('<html>');
childdoc.writeln('<head>');
childdoc.writeln('<title>新开子窗口</title>');
childdoc.writeln('<script language="javascript" type="text/javascript">function check_son(str){ alert(str) }</script>')
//子窗口的测试函数

childdoc.writeln('</head>');

childdoc.writeln('<body onunload="window.opener.btn1.disabled=false">')
//关闭子窗口后父窗口的btn1恢复可用

childdoc.writeln('<input type="text" name="text2" value="'+text+'" />');
//接收父窗口传值

childdoc.writeln('<input type="button" name="Btn2" value="传回去" onclick="window.opener.text1.value=self.text2.value;window.opener.btn1.disabled=false;self.close()" />');
//将值传回到父窗口,父窗口的btn1恢复可用,关闭自身

childdoc.writeln('<input type="button" name="Btn3" value="关闭父窗口" onclick="window.opener.close()" />')
//关闭父窗口

childdoc.writeln('<input type="button" name="Btn3" value="刷新父窗口" onclick="window.opener.location.reload()" />')
//刷新父窗口

childdoc.writeln('<input type="button" name="Btn3" value="调用父窗口函数" onclick="window.opener.check_par(this.value)" />')
//调用父窗口函数

childdoc.writeln('</body>');
childdoc.writeln('</html>');

childdoc.close();
//关闭document对象

win.focus();
//子窗口取得焦点

}

function check_par(str)
{
alert(str);
}
-->
</script>
</head>

<body>
<input type="button" name="btn1" value="打开新窗口" id="btn1" onclick="output()"/>
<input name="text1" type="text" id="text1" size="10" readonly="true" value="要传递的"/>
<input type="button" name="btn2" value="关闭子窗口" id="btn2" onclick="if (win!=null) win.close()"/>
<input type="button" name="btn3" value="调用子窗口函数" id="btn3" onclick="if (win!=null) win.check_son(this.value)"/>
</body>
</html>
分享到:
评论

相关推荐

    jQuery CSS3的分步向导手风琴切换代码.zip

    $(this).parent().parent("li").next("li:not('.completed')").addClass('active').children('.wizard-content').slideDown(); } }); $('.payment-wizard li .wizard-heading').click(function(){ if($(this)....

    CE中文版-启点CE过NP中文.exe

    Mono instances window is now a treeview where you can see the fields and values "find what addresses this code accesses" can also be used on RET instructions now (useful to find callers) The graphical...

    FlexGraphics_V_1.79_D4-XE10.2_Downloadly.ir

    list (contains flex-objects with Parent = Nil and the owner = Owner). - FIX: In BCB a problem occurred with TFlexText.DrawText, which for some reason kept being renamed by linker to DrawTextA. For ...

    NGUI Next-Gen UI 3.0.7 f1.unitypackage

    - NEW: Recreated the Chat Window example -- it now features a resizable chat window. - NEW: Recreated the Drag & Drop example, adding two scroll views resized with screen height, and the ability to ...

    javascript中parentNode,childNodes,children的应用详解

    例如,在HTML结构`&lt;div id="parent"&gt;&lt;b id="child"&gt;My text&lt;/b&gt;&lt;/div&gt;`中,`getElementById("child")`返回的`b`元素的`parentNode`就是`div`元素,它的`nodeName`为`"DIV"`。值得注意的是,连续使用`parentNode`可以...

    treeGrid、树形表格

    window.location.href="ads"; } /* 通过指定的方法来自定义栏数据 */ function customCheckBox(row, col){ return "&lt;input type='checkbox'&gt;"; } function customOrgName(row, col){ ...

    javascript中特别有用的文档对象

    `parentWindow`指向包含当前文档的Window对象;`readState`指示文档的加载状态。 - Netscape浏览器定义的`Height`和`Width`属性,分别返回文档的高度和宽度。 除了属性,Document对象还提供了一系列方法,用于操作...

    JQuery插件-JQuery的几个精典应用实例

    var xhr = new window.XMLHttpRequest(); xhr.upload.addEventListener('progress', function(e) { if (e.lengthComputable) { var percentComplete = e.loaded / e.total; console.log(percentComplete); } ...

    浏览器兼容页面开发注意事项(javascript篇)_101028实用.pdf

    10. **FF中的parentElement和parent.children**:FF使用`element.parentNode`和`element.childNodes`,而IE有`element.parentElement`和`element.children`。 11. **const问题**:在旧版本的IE中不支持`const`...

    无限菜单之 xml+popup 版(IE5.5+)

    pops[degree] = pops[degree - 1].document.parentWindow.createPopup(); //从父Popup窗口创建子Popup窗口 } pops[degree].document.body.setAttribute("degree", degree); return pops[degree]; } ...

    浏览器兼容页面开发注意事项(javascript篇)_101028分享.pdf

    例如,访问父框架的元素在IE中可能是`parent.window.frameName`,而在其他浏览器中是`window.parent.frames['frameName']`。 9. **在FF中,自己定义的属性必须通过getAttribute()取得**:Firefox要求使用`...

    解决同一页面中两个iframe互相调用jquery,js函数的方法

    我们还可以利用jQuery的$.parent(), $.children(), $.closest()等方法来跨层级选取DOM元素。这种方法不直接调用函数,而是操作DOM来达到传递信息的目的。 在c.html中有一个按钮,这个按钮通过一个隐藏的输入域来...

    .net WPF实现MDI窗口效果示例

    1. **创建主窗口(Parent Window)**:首先,创建一个新的WPF窗口类作为MDI的主窗口。在XAML文件中,设置Window的Style为"None",以便禁用窗口边框和标题栏。同时,添加一个Grid或Canvas控件作为子窗口的容器。 ```...

    jQuery学习笔记.docx

    例如,在书目导航条的例子中,通过链式调用`click()`、`addClass()`、`children()`、`slideDown()`、`end()`、`siblings()`、`removeClass()`和`slideUp()`,使得代码更加紧凑且易于维护。 3. **jQuery对象和DOM...

    【文件】Unity3D菜单.docx

    Reimport All重新导入所有游戏对象的资源,Center On Children使子物体居中于父物体,Make Parent和Clear Parent处理父子关系,Apply Changes To Prefab将修改应用到预制体。Move To View和Align With View方便用户...

    JQUERY笔记

    此外,如果想选择 "Henry" 所在行的所有单元格,可以使用 `.parent().children()` 的组合: ```javascript $(document).ready(function() { $('td:contains(Henry)').parent().children().addClass('highlight'); ...

    UnityD中文菜单手册.pdf

    `Center On Children`将子物体中心对齐到父物体,`Make Parent/Clear Parent`建立或解除父子关系,`Apply Changes To Prefab`将改动应用到预制体。`Move To View/Align With View/Align View to Selected`则涉及视图...

    浏览器兼容页面开发注意事项(javascript篇)_101028.pdf

    10. **FF中没有parentElement和parent.children**:Firefox不支持`parentElement`和`parent.children`,可以使用`parentNode`和`childNodes`代替。 11. **const问题**:IE8及更早版本不支持`const`关键字,如果要...

    unity3d菜单汉化翻译 (1).docx

    - **Center On Children/Make Parent/Clear Parent**:处理游戏对象的父子关系。 - **Apply Changes To Prefab**:将游戏对象的变化应用到预制体。 - **Move To View/Align With View/Align View to Selected**:...

    Matlab教学课件:第11章 MATLAB图形用户界面设计.ppt

    菜单对象具有多种属性,例如Children、Parent、Tag、Type、UserData、Visible等公共属性,以及一些特殊属性。 在设计菜单时,需要考虑多种因素,例如菜单的层次结构、菜单项的排列顺序、菜单项的属性设置等。例如,...

Global site tag (gtag.js) - Google Analytics