在 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>示例：
精美淘宝客单页面 zblog模板
下载
采用zblog修改的模板，简单方便，直接解压上传到空间即可使用，页面简单，适合SEO，导航，次导航，最新文章列表，随机文章列表全部都有，网站采用扁平结构，非常适用淘宝客类小站，所有文章都在根目录下。所有需要修改的地方在网页上各个地方都有标注说明，一切在网站后台都可以修改，无须修改任何程序代码，是新手的不二选择。后台登陆地址： 域名/login.asp用户名：admin (建议不要修改)密码：adm
打开一个新页面并设置标题和尺寸：
<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 页面中的跳转功能，满足不同场景下的需求。
