单击时创建不可阻止的弹出窗口答案

【问题标题】：Creating unblockable Pop Up on click单击时创建不可阻止的弹出窗口
【发布时间】：2014-02-11 06:14:11
【问题描述】：

如何创建一个在用户单击特定文本时不会被阻止的弹出窗口？因此，如果有人想了解更多关于某事的信息，该人只需单击文本并在以下网站上弹出一个类似的窗口。

http://www.berater-mainz.de/cms/struktur.html

有简单的方法吗？有人有想法吗？

【问题讨论】：

不要使用js的alert功能。使用隐藏的 div，您可以在单击按钮时显示该 div。

标签： popup infobox

【解决方案1】：

不要使用 JavaScript 警报功能，因为这可能会被浏览器阻止。而是使用一个隐藏的 div，您可以在单击按钮时显示该 div。

首先，您必须在 HTML 文件中包含 JQuery 库，方法是在头部包含指向它的链接。库基本上是为您编写的大量代码，因此您可以用更少的代码调用复杂的函数。

<head>
    <script type="text/javascript"> 
    document.write([ "\<script src='", ("https:" == document.location.protocol) ? "https://" : "http://", "ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'>\<\/script>" ].join('')); 
   </script> <!-- This script tag includes JQuery's functions in you page. -->
</head>

<div style='display:none;'><!--This is the popup box!--></div> 
<script>
$(function(){ 
    $('button').on('click', function(){ //When the button is clicked...
        $('div').css('display', 'block'); //Show the previously hidden div
    });
});
</script>

...据我所知，没有 JavaScript 是没有办法的。

【讨论】：