layui点击新增TAB窗口
时间: 2024-08-15 13:09:44 浏览: 43
layui点击导航栏刷新tab页的示例代码
layui是一个轻量级的前端UI框架,它提供了一套简单易用的API来构建Web应用。如果你想在layui中实现点击按钮打开一个新的tab窗口,你可以使用layui的`layModal`或`layPopup`功能。以下是简单的步骤:
1. 首先,在HTML中添加一个点击按钮元素,并给它一个ID,例如`btnNewTab`:
```html
<button id="btnNewTab" lay-event="click">新增</button>
```
2. 然后在JavaScript部分,通过layui的API创建一个新的模态层(`layModal`),设置其内容为你要展示的数据,如一个iframe或新的页面:
```javascript
layui.use('layer', function(){
var layer = layui.layer;
$('#btnNewTab').on('click', function(){
layer.open({
type: 2, // 2表示加载页,0或1表示普通弹窗
title: '新增信息',
shadeClose: true, // 是否点击遮罩关闭
area: ['80%', '60%'], // 弹出框宽高自适应
content: '<iframe src="新增页面地址"></iframe>', // 或者直接设置URL
btn: ['确定'] // 可选按钮配置
});
});
});
```
这里假设"新增页面地址"是你想要新窗口加载的具体页面链接。
阅读全文