layui弹框打开页面
时间: 2023-08-16 15:41:49 浏览: 64
要在Layui弹框中打开一个页面,可以使用Layui的layer模块。你可以按照以下步骤进行操作:
1. 引入Layui和layer模块的js和css文件。
2. 在需要打开弹框的元素上,绑定click事件,并在事件处理函数中调用layer.open()方法。
3. 在layer.open()方法中,设置type为2(表示iframe层),并设置content为需要打开的页面的url。
下面是示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>打开页面弹框示例</title>
<!-- 引入Layui和layer模块的js和css文件 -->
<link rel="stylesheet" href="//cdn.staticfile.org/layui/2.5.6/css/layui.css">
<script src="//cdn.staticfile.org/layui/2.5.6/layui.js"></script>
</head>
<body>
<button id="open-btn">打开弹框</button>
<script>
// 绑定click事件
document.getElementById('open-btn').addEventListener('click', function() {
// 调用layer.open()方法
layui.layer.open({
type: 2, // iframe层
content: 'https://www.example.com' // 需要打开的页面的url
});
});
</script>
</body>
</html>
```
以上代码中,点击id为"open-btn"的按钮,就会打开一个弹框,里面显示https://www.example.com这个页面。你可以根据需要修改content的值来打开其他页面。