父页打开子页面,关闭子页面刷新父页面

5 篇文章 0 订阅
5 篇文章 0 订阅

第一种:直接打开dialog,选择关掉子页面时刷新父页面

 <div id="dlg" class="easyui-dialog" style="width:700px;height:450px;float:none" data-options="onClose:function(){window.location.reload(true);} , modal:true " closed="true" buttons="#dlg-buttons">

<table>

</div>
    <script type="text/javascript">

 $('#dlg').dialog('open').dialog('center').dialog('setTitle', 'New Issue');

</script>

第二种:把子页面直接新建一页,然后在父页中采用window.open()来调用子页面

这种的优点:共用型强,可以重复使用子页面。

缺点:子页面与父页面相互独立,不可使用modal模式

使用model模式可以使用showModalDialog, 但是只能使用在IE浏览器适用,其他
 window.showModalDialog("Index2", "", "dialogWidth=200px;dialogHeight=100px");

<input type="button" οnclick="NewLoadView()" value="刷新页面" />

    <script type="text/javascript">

 function NewLoadView() {
        var winObj = window.open("Index2", "newwindow", "modal=yes,height=400, width=400,left=500,top:50, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no;");
        var loop = setInterval(function () {//监控子页面是否为关闭状态
            if (winObj.closed) {
                clearInterval(loop);
                alert("刷新");
                parent.location.reload();

            }
        }, 1);
    }

</script>

参数解释:

  <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脚本结束

如果要打开两个页面,注意两个页面的的top,left不要重叠。

 

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值