如何在 Layui 中跳转到新页面?
在 Layui 框架中,可以通过 layui.open() 方法实现跳转到新页面的功能。语法格式如下:
1
2
3
4
5
6
7
8
9
layui.open({
url: "页面地址",
type: 类型(1: 页面层; 2: iframe层),
title: 标题,
area: ["宽度", "高度"],
content: "内容",
resize: 是否允许拉伸,
move: 是否允许拖拽
});
示例:
打开一个新页面并设置标题和尺寸:
1
2
3
4
5
6
layui.open({
url: "new_page.html",
type: 1,
title: "新页面",
area: ["500px", "300px"]
});
参数说明:
url: 需要跳转到的页面的地址。 type: 指定打开页面的类型,1 为页面层,2 为 iframe 层。 title: 设置打开页面的标题。 area: 设置打开页面的宽高,格式为 ["宽度", "高度"]。 content: 设置打开页面的内容,可以是字符串或 DOM 元素。 resize: 是否允许拉伸打开的页面,默认为 true。 move: 是否允许拖拽打开的页面,默认为 true。通过 layui.open() 方法,可以轻松实现 Layui 页面中的跳转功能,满足不同场景下的需求。
以上就是使用 Layui 跳转到新页面的详细内容,更多请关注php中文网其它相关文章!