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";
登录后复制
以上就是layui怎么跳转页面的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3004803.html