layui弹窗打开页面
时间: 2023-11-15 14:49:10 浏览: 92
要在Layui弹窗中打开一个页面,可以使用Layui的layer模块。可以先引入layer模块,然后在需要打开弹窗的时候调用layer.open方法,并指定type为2,同时传入需要打开页面的URL。以下是示例代码:
```
<script src="https://cdn.bootcdn.net/ajax/libs/layui/2.5.6/layui.min.js"></script>
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/layui/2.5.6/css/layui.min.css">
<button class="layui-btn" id="openBtn">打开弹窗</button>
<script>
layui.use('layer', function(){
var layer = layui.layer;
$('#openBtn').click(function(){
layer.open({
type: 2,
title: '页面弹窗',
area: ['800px', '600px'],
content: 'https://www.example.com',
});
});
});
</script>
```
在以上示例中,点击按钮后会弹出一个宽度为800px,高度为600px的页面弹窗,内容为指定的URL。
阅读全文