使用 Layui 跳转到新页面

来源:undefined 2025-02-12 13:01:40 1016

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

如何在 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中文网其它相关文章!

最新文章