layui怎么跳转页面
layui 页面跳转有三种方法:使用 layui.laypage 模块、layui.layer 模块,或直接使用 window.location.href 属性。
如何使用 layui 跳转页面?
layui 提供了多种方法来实现页面的跳转,以下介绍三种最常用的方法:
1. 使用 layui.laypage 模块
layui.laypage 模块提供了分页功能,也可以用于页面跳转。用法如下:
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"; } } });});
2. 使用 layui.layer 模块
layui.layer 模块提供了弹出层功能,也可以用于页面跳转。用法如下:
layui.use(['layer'], function(){ // 打开一个弹出层 layer.open({ type: 2, // iframe类型 title: '页面跳转', // 标题 content: 'page.html', // 跳转页面的地址 area: ['80%', '90%'] // 弹出层大小 });});
3. 直接使用 window.location.href
window.location.href 属性可以用来直接跳转页面。用法如下:
// 跳转到指定页面window.location.href = "page.html";