龙空技术网

layui弹出窗口及其应用实例

洞悉科学 100

前言:

此刻同学们对“iframe 刷新页面”都比较关注,小伙伴们都需要剖析一些“iframe 刷新页面”的相关文章。那么小编也在网上收集了一些关于“iframe 刷新页面””的相关内容,希望我们能喜欢,咱们一起来学习一下吧!

​一、弹出窗口

在引用JS、CSS的前提下

<button type="button" class="layui-btn" onclick="xadmin.open('班期添加','./banqi_add.aspx',600,600)">添加</button>

注意:必须包含type="button",否则弹出的窗口会“一闪而过”。

二、关闭弹出层并刷新父窗口1、使用jquery方式

$(function() {//关闭弹窗       $(document).on('click', '#closeBtn',           function() {            //先得到当前iframe层的索引            var index = parent.layer.getFrameIndex(window.name);               parent.location.reload();//刷新父页面,注意一定要在关闭当前iframe层之前执行刷新               parent.layer.close(index); //再执行关闭          });});
2、在asp.net中应用

在弹出的窗口添加数据,成功后弹出提示,点击关闭后,自动关闭弹窗,并刷新父窗口。

 protected void Button1_Click(object sender, EventArgs e)      {           if (!DoAdd())          {               Response.Write("<script>alert('错误!');</script>");               return;          }           else          {               Response.Write("<script>alert('发表成功!');var index = parent.layer.getFrameIndex(window.name);parent.location.reload();parent.layer.close(index); </script>");          }      }

标签: #iframe 刷新页面 #css动画弹出层 #jquery获取窗口关闭事件 #css 弹出框 #js弹出层代码