layui open打开新网页怎么使他不可以点击原页面
时间: 2024-06-09 20:06:04 浏览: 79
您可以使用以下代码来实现在 layui open 弹窗中打开新网页时禁止点击原页面:
```javascript
// 在弹窗中打开新网页
layer.open({
type: 2,
content: 'http://www.example.com',
});
// 禁止点击原页面
$('.layui-layer-shade').click(function(){
return false;
});
```
这里我们在弹窗中打开新网页,然后通过添加一个点击事件来禁止点击原页面。具体来说,我们给遮罩层(即原页面上的半透明黑色遮罩)添加了一个点击事件,这个事件返回 false,意味着点击事件被阻止了,从而禁止了用户点击原页面。
相关问题
layui open 给打开的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` 参数的值,并输出到控制台中。
layui open传参
在 layui中,通过 `open` 方法打开一个弹窗时,可以通过第二个参数传递一些参数。这些参数会在弹窗页面的 `ready` 回调函数中接收到。
例如:
```javascript
// 打开弹窗
layer.open({
type: 2,
title: '示例弹窗',
content: 'example.html',
area: ['800px', '600px'],
success: function(layero, index) {
// 弹窗打开成功后的回调函数
// 在这里可以获取传递过来的参数
var iframeWin = window[layero.find('iframe')[0]['name']];
console.log(iframeWin.param1); // 输出参数1的值
console.log(iframeWin.param2); // 输出参数2的值
}
}, {
param1: '参数1的值',
param2: '参数2的值'
});
```
在上面的例子中,通过 `layer.open` 方法打开一个弹窗,并通过第二个参数传递了两个参数 `param1` 和 `param2`。在弹窗页面的 `ready` 回调函数中,可以通过 `window` 对象获取到这些参数的值。
阅读全文