• PageOffice 在线编辑 office文件,回调父页面


    一、子页面调用父页面的方法

    var value=window.external.CallParentFunc("ParentFunName(Arguments);");//父页面的JS函数有返回值
    window.external.CallParentFunc("ParentFunName(Arguments);");//父页面的JS函数无返回值
    
    • 1
    • 2

    二、是否需要传递参数(子页面关闭窗口的同时刷新父页面为例)

    1、无参数

    子页面

    //子页面窗口关闭后调用父页面的refresh函数
           function ClosePage() {
                window.external.CallParentFunc("refresh();");
                window.external.close();
           }
    
    • 1
    • 2
    • 3
    • 4
    • 5

    父页面

    //假设父页面有一个自动刷新页面的js函数
          function refresh(){
               window.location.href="index.jsp";
           }
    
    • 1
    • 2
    • 3
    • 4

    2、有参数

    子页面

    //子页面窗口关闭后调用父页面的refresh函数
           function ClosePage() {
          		var value = 'zhangsan';
                window.external.CallParentFunc("refresh('" + value + "');"); //一定要注意参数拼接
                window.external.close();
           }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6

    父页面

    //假设父页面有一个自动刷新页面的js函数
          function refresh(value){
          	   alert(value);
               window.location.href="index.jsp";
           }
    
    • 1
    • 2
    • 3
    • 4
    • 5

    在这里插入图片描述

    注意:如果参数有中文,需要编码两次,在解码

    子页面

    //子页面窗口关闭后调用父页面的refresh函数
           function ClosePage() {
          		var value =encodeURI(encodeURI('张三'));
                window.external.CallParentFunc("refresh('" + value + "');"); //一定要注意参数拼接
                window.external.close();
           }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6

    父页面

    //假设父页面有一个自动刷新页面的js函数
          function refresh(value){
         	   value = decodeURI(value);
          	   alert(value);
               window.location.href="index.jsp";
           }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6

    在这里插入图片描述

  • 相关阅读:
    手写promis(1)
    Linux之LNMP离线安装
    操作系统——磁盘操作
    VMware16以及Ubuntu1.6的下载安装配置详细教程
    台式电脑怎么无损备份迁移系统到新硬盘(使用傲梅,免费的就可以)
    Linux基础-进程管理
    【21天打卡】前端攻城狮重学算法之-希尔排序
    市政行业乙级资质改革对公共交通工程的影响
    沃尔玛Walmart EDI 850订单详解
    CentOS安装NPM
  • 原文地址:https://blog.csdn.net/wqqqianqian/article/details/128011442