PHP前端开发

layui怎么跳转页面

百变鹏仔 1个月前 (11-15) #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";