• JS 用window.open()函数,父级页面如何取到子级页面的返回值?


    1、父页面: 在父级页面 test.aspx 的点击<input type="button" id="btnShow" onclick="showItem();"  value="显示子窗体"/>按钮触发 ,然后 :

    
    <script language="javascript" type="text/javascript"> function showItem() { var win = window.open("test2.aspx",null," height=300,width=450, Left=300px,Top=20px, menubar=no,titlebar=no,scrollbar=no,toolbar=no, status=no,location=no"); } //父页面add方法 function add() { alert("这是添加方法"); } //父页面带参add方法 function add(i) { alert(i); } </script>

      2、子页面:在子级页面test2.aspx的点击<input type="button" id="btnSelect" onclick="check();"  value="选择"/> 按钮触发,然后:

    <script language="javascript" type="text/javascript"> function check() { if (window.opener != undefined){//给父页面的控件赋值 window.opener.document.getElementById("txtId").value=id; window.opener.document.getElementById("txtName").value=name; //执行父页面的函数方法 window.opener.add(); window.opener.add('1');
            window.close();
    } } </script>

      这样,父级页面的document.getElementById("txtId") 和 document.getElementById("txtName") 2个控件和add(),add(i)方法就可以得到子级页面的返回值。

    3、各项参数
    其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。
    参数 | 取值范围 | 说明
    alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
    alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
    depended | yes/no | 是否和父窗口同时关闭
    directories | yes/no | Nav2和3的目录栏是否可见
    height | pixel value | 窗口高度
    hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
    innerHeight | pixel value | 窗口中文档的像素高度
    innerWidth | pixel value | 窗口中文档的像素宽度
    location | yes/no | 位置栏是否可见
    menubar | yes/no | 菜单栏是否可见
    outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度
    outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度
    resizable | yes/no | 窗口大小是否可调整
    screenX | pixel value | 窗口距屏幕左边界的像素长度
    screenY | pixel value | 窗口距屏幕上边界的像素长度
    scrollbars | yes/no | 窗口是否可有滚动栏
    titlebar | yes/no | 窗口题目栏是否可见
    toolbar | yes/no | 窗口工具栏是否可见
    Width | pixel value | 窗口的像素宽度
    z-look | yes/no | 窗口被激活后是否浮在其它窗口之上
    =====================================================

    4、例子:window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')

    参数解释:
    <SCRIPT LANGUAGE="javascript"> js脚本开始;
    window.open 弹出新窗口的命令;
    'page.html' 弹出窗口的文件名;
    'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
    height=100 窗口高度;
    width=400 窗口宽度;
    top=0 窗口距离屏幕上方的象素值;
    left=0 窗口距离屏幕左侧的象素值;
    toolbar=no 是否显示工具栏,yes为显示;
    menubar,scrollbars 表示菜单栏和滚动栏。
    Resizable=no 是否允许改变窗口大小,yes为允许;
    location=no 是否显示地址栏,yes为允许;
    status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
    </SCRIPT> js脚本结束

  • 相关阅读:
    微引擎的自定义菜单40063错误解决
    jquery 重复事件
    信号量机制DOWN操作和UP操作的详细说明
    每日算法37:Rotate Image (图像旋转)
    讨论嵌入式系统测试方案
    Android 从硬件到应用程序:一步一步爬上去 6 -- 我写的APP测试框架层硬件服务(终点)
    MVC 接受Flash上传图片
    autorun.vbs病毒的清除办法
    【行业翘楚】井田云:化解线上线下冲突让鱼与熊掌皆得
    Tuxedo入门学习
  • 原文地址:https://www.cnblogs.com/pingming/p/5022827.html
Copyright © 2020-2023  润新知