Layui 中的新窗口打开方法 layer.open 提供以下选项:content:新窗口内容(HTML、URL 或 DOM)type:内容类型(页面或 iframe)area:新窗口大小(单个值或数组)maxmin:是否显示最大化最小化按钮title:新窗口标题scrollbar:是否显示滚动条shade:是否显示遮罩层shadeClose:点击遮罩层是否关闭窗口anim:新窗口动画类型offset:新窗口偏移量(字符串或数组)zIndex:新窗口 z-index 值success:新窗口打开
Layui 中在新窗口打开页面
layui 中提供了一个名为 layer.open 的方法,可以用于在新窗口中打开页面。它有很多选项可以自定义新窗口的行为。
方法语法:
layer.open(options);
参数:
参数 | 类型 | 默认值 | 描述 |
---|---|---|---|
content | String | '' | 新窗口的内容。可以是 HTML 字符串、URL 或 DOM 元素。 |
type | Number | 1 | 指定内容的类型。1 为页面,2 为 iframe。 |
area | Array | ['300px', '200px'] | 新窗口的大小。可以是单个值或一个由宽度和高度组成的数组。 |
maxmin | Boolean | true | 是否显示最大化和最小化按钮。 |
title | String | '' | 新窗口的标题。 |
scrollbar | Boolean | true | 是否显示滚动条。 |
shade | Boolean | true | 是否显示遮罩层。 |
shadeClose | Boolean | false | 点击遮罩层是否关闭窗口。 |
anim | Number | 0 | 新窗口的动画类型。0 为无动画,1 为从右向左,2 为从左向右,3 为从上到下,4 为从下到上。 |
offset | String | 'auto' | 新窗口的偏移量。可以是一个字符串或一个由左右偏移量组成的数组。 |
zIndex | Number | 19891014 | 新窗口的 z-index 值。 |
success | Function | 无 | 新窗口打开成功后的回调函数。 |
end | Function | 无 | 新窗口关闭后的回调函数。 |
示例:
在新窗口中打开一个 URL:
layer.open({ type: 2, content: 'https://www.example.com', area: ['500px', '300px'], title: '新窗口' });
在新窗口中打开一个 HTML 字符串:
layer.open({ type: 1, content: '<p>这是一个新窗口。</p>', area: ['300px', '200px'], title: '新窗口' });
以上就是Layui 如何在新窗口打开页面的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号