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

时间:2014-01-21 15:03:45

标签: popup infobox

如何在用户点击特定文字时创建未阻止的弹出窗口?因此,如果有人想要了解更多信息,那么这个人只需点击该文字即可获得如下网站的弹出窗口。

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

有简单的方法吗?有没有人有想法?

1 个答案:

答案 0 :(得分: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,就无法做到这一点。