layui 页面跳转有三种方法：使用 layui.laypage 模块、layui.layer 模块，或直接使用 window.location.href 属性。
如何使用 layui 跳转页面？
layui 提供了多种方法来实现页面的跳转，以下介绍三种最常用的方法：
1. 使用 layui.laypage 模块
layui.laypage 模块提供了分页功能，也可以用于页面跳转。用法如下：
<code class="javascript">layui.use(['laypage'], function(){
layui.laypage({
// 页数
pages: 10,
// 当前页
curr: 2,
// 容器
cont: 'page',
// 跳转到指定页
skip: true,
jump: function(obj, first){
if(!first){
// 获取跳转页的页码
var page = obj.curr;
// 执行页面跳转
location.href = "page" + page + ".html";
}
}
});
});</code>2. 使用 layui.layer 模块
layui.layer 模块提供了弹出层功能，也可以用于页面跳转。用法如下：
<code class="javascript">layui.use(['layer'], function(){
// 打开一个弹出层
layer.open({
type: 2, // iframe类型
title: '页面跳转', // 标题
content: 'page.html', // 跳转页面的地址
area: ['80%', '90%'] // 弹出层大小
});
});</code>3. 直接使用 window.location.href
window.location.href 属性可以用来直接跳转页面。用法如下：
<code class="javascript">// 跳转到指定页面 window.location.href = "page.html";</code>
以上就是layui怎么跳转页面的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
890
