layui open 给打开的html传参
时间: 2023-10-07 07:07:42 浏览: 145
layui.html
在 Layui Open 中,可以通过 `layer.open()` 函数的 `content` 参数来打开一个 HTML 页面,并且可以向该页面传递参数。下面是一段示例代码:
```javascript
layui.use('layer', function () {
var layer = layui.layer;
// 打开一个 HTML 页面,并传递参数
var url = 'example.html?id=1&name=Tom';
layer.open({
type: 2,
title: '打开一个 HTML 页面',
area: ['500px', '400px'],
content: url
});
});
```
在上面的示例代码中,我们通过 `content` 参数传递了一个 URL,该 URL 包含了两个参数 `id` 和 `name`。在打开的 HTML 页面中,可以通过 JavaScript 获取这些参数,如下所示:
```javascript
// 获取 URL 参数
function getUrlParam(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
// 获取 id 和 name 参数
var id = getUrlParam('id');
var name = getUrlParam('name');
console.log(id, name);
```
以上代码示例中,我们定义了一个 `getUrlParam()` 函数来获取 URL 参数,然后在页面加载完成后,调用该函数获取 `id` 和 `name` 参数的值,并输出到控制台中。
阅读全文