模态框和页面层

开发工具与关键技术:Visual Studio / 模态框和页面层
作者:郑名方
撰写时间:2019年4月15日

Layui弹出层它是一个页面,所以要新增一个视图。Layui的弹出层它是一块代码,它Modle不一样它就是一块代码,只不过隐藏了。把这块代码放进视图这样就有一个新增的视图。通过一个函数实现页面跳转因为把这个页面嵌套(iframe)到Layui的弹出层,通过利用弹出层opan。Layui页面层它可以放大缩小还可以把弹出层显示屏幕最大化。在这里这个content是一个URL数据接口。Layui是type:页面层、嵌套iframe:设置属性 attr()属性src、tips提示层;这次主要用到的是嵌套iframe。
Layui有一个这样的模态框msg,它不像Model的模态框要创建编写源代码,也不像Modl的模态框要点击关闭按钮,msg它不需要点击,msg它只是显示几秒钟就会消失。
Modle的模态框它要编写创建源代码,新增模态框的代码它只能用于新增模态框,修改的模态框代码也只能用于修改模态框。它关闭模态框要通过点击关闭按钮。不过secipt的脚本语言它的新增和修改的代码量可以通过封装一个方法把重复的代码封装,这样就可以减小代码量。
Modle的模态框它也可以把模态框最大化,它是通过在编写按钮代码的时候id值编写,通过点击这个有id的值的按钮,就可以把Modle的模态框最大化。
打开新窗口(URL,name,specs,replace)
name 可选。指定target属性或窗口的名称。支持以下值:
_blank - URL加载到一个新的窗口。这是默认
_parent - URL加载到父框架
_self - URL替换当前页面
_top - URL替换任何可加载的框架集
name - 窗口名称
下面是对应的代码图。
模态框和页面层
模态框和页面层
模态框和页面层
模态框和页面层
模态框和页面层