在 Layui 中跳转到新页面可以通过 layui.open() 方法实现,参数包括:url:需要跳转到的页面地址type:指定页面类型,1为页面层,2为iframe层title:设置页面标题area:设置页面宽高,格式为["宽度", "高度"]

如何在 Layui 中跳转到新页面?
在 Layui 框架中,可以通过 layui.open() 方法实现跳转到新页面的功能。语法格式如下:
<code class="javascript">layui.open({
url: "页面地址",
type: 类型(1: 页面层; 2: iframe层),
title: 标题,
area: ["宽度", "高度"],
content: "内容",
resize: 是否允许拉伸,
move: 是否允许拖拽
});</code>示例:
打开一个新页面并设置标题和尺寸:
<code class="javascript">layui.open({
url: "new_page.html",
type: 1,
title: "新页面",
area: ["500px", "300px"]
});</code>参数说明:
url: 需要跳转到的页面的地址。type: 指定打开页面的类型,1 为页面层,2 为 iframe 层。title: 设置打开页面的标题。area: 设置打开页面的宽高,格式为 ["宽度", "高度"]。content: 设置打开页面的内容,可以是字符串或 DOM 元素。resize: 是否允许拉伸打开的页面,默认为 true。move: 是否允许拖拽打开的页面,默认为 true。通过 layui.open() 方法,可以轻松实现 Layui 页面中的跳转功能,满足不同场景下的需求。
以上就是使用 Layui 跳转到新页面的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号