Question

我的网站上有一个adblock脚本，当人们使用adblock时会注册。我现在的问题是，当我找到一个带有adblock的用户时，我想在网站上显示一个弹出窗口。＆＃34;硬＆＃34;关于这一点，我不想要经常弹出，如下：

var w = window.open('', '', 'width=350,height=100,resizeable,scrollbars');
w.document.write('text');
w.document.close();

此代码最终为＆＃34;常规＆＃34;弹出。

如果你知道我的意思，我想在网站上弹出一个。我有一个例子here。

Answer 1

您正在寻找创建模态对话框。

您可以在自己喜欢的搜索引擎上搜索“模态javascript”来使用任何模态库。一些人在你的问题评论中提到了有趣的图书馆。

制作自己的模态也很简单：

使用您想要的内容创建<div>，并为其指定样式，例如：

.modal {
    display: none;
    position: fixed;
    width: 350px;
    height: 100px;
    margin-top: -50%;
    margin-left: -50%;
    top: 50%;
    left: 50%;
    background-color: #FFF;
    /* ... */
}

如果您使用的是jQuery，则只需调用$(elt).show()，或者在纯DOM js中调用elt.style.display="block";，而不是上面显示的代码。

如何在网站上弹出？

1 个答案: