zoukankan      html  css  js  c++  java
  • 关于弹框和原页面的切换问题

    写代码经常会遇到这样的情况,按钮点击之后会出现弹框,点击确定之后又要弹框消失,又或者链接到另一个页面。

    打开弹窗的代码是这样的:

    $('#add').click(function () {
       layer.open({
                   type: 2,
                   title: '选择研判报告类型',
                   shadeClose: true,
                   shade: 0.3,
                   area: ['550px', '180px'],
                   content: 'yanpan_report_add.php'
        });
    });

    这里是打开了一个550*180的弹窗,点击确定之后要实现的效果一般有以下几种:

    1、直接在弹框中进入到另一个页面(在我开发的情况中很少出现这种情况)

    <script type="text/javascript">
       $(function () {
         $("#add").click(function () {
             var muban = $('#id').val();
    alert(muban);
          window.location.href = "yanpan_report_add_detail.php?bianhao="+muban;
    });
       });
    </script>

    2、关闭弹框,进入它的父级页面

    <script type="text/javascript">
       $(function () {
         $("#add").click(function () {
             var muban = $('#id').val();
    alert(muban);
    parent.location.reload();
    });
    });
    </script>

    3、关闭弹框,进入另一个页面

    <script type="text/javascript">
       $(function () {
         $("#add").click(function () {
             var muban = $('#id').val();
              alert(muban);
              window.parent.location.href = "yanpan_report_add_detail.php?bianhao="+muban;
              window.parent.top.layer.closeAll();
          }); 
       });
    </script>

    4、未完待续。。。

  • 相关阅读:
    数据结构中的图面试题总结
    大数运算
    页面置换算法
    栈的效率为什么比堆高?
    C#获取FTP文件详细备注信息
    WPF DataGrid_SelectChanged获取单元内容
    Python datetime模块参考手册
    Linux下使用 virtualenv 虚拟独立 Python 环境
    Jupyter Notebook 快捷键使用指南
    IPython 基本使用
  • 原文地址:https://www.cnblogs.com/xlzfdddd/p/9544055.html
Copyright © 2011-2022 走看看