为什么没有显示此弹出窗口

Why this pop up is not shown?

本文关键字：窗口 显示 为什么      更新时间：2023-09-26

我有一个非常简单的JavaScript弹出脚本的问题。

我有这个示例页面：http://www.onofri.org/example/example4/

在本页的末尾，有一个框，其中包含一些旗帜，包括由 #reportEng div(在engLink链接内(重新发布的英国国旗。

我想要的是，当用户单击此元素时，将显示一条弹出消息。

所以我在页面上添加了这个简单的脚本：

<script>
    var test = document.getElementById('engLink');
    test.addEventListener('click', function() {
        alert('clicked');
    });
</script>

我已将脚本放在页面的正文部分而不是头部部分，因为这只是一个测试页面，最终结果将被放入我无法访问模板的 CMS 页面中(所以我不能将脚本放在标题部分(。

问题是它不起作用。如果我单击英文标志，页面将重新加载，弹出窗口不显示。

你可以帮我吗？

谢谢

安德里亚

我采用了完全不同的方法。 addEventListener很酷，但我有点老了，我已经默认了讨厌的习惯。 这对我来说很好用。

<script>
function myExample(){
    alert("BaZing!  It works!");
}
</script>

对于 HTML 部分...

<a href="" id="engLink"><div id="reportEng" onClick="myExample()"></div></a>

我还想指出，这个"修复"有点禁忌(见这里(

您不会阻止链接被关注，因此当您单击具有空href的链接时，您只需重新加载当前页面即可。

有很多方法可以防止 defaul 链接行为，但这是老派的方法：

<a href="javascript:void(0);" id="engLink"><div id="reportEng"></div></a>

另外，我认为 HTML 或 XHTML 中的a中不允许使用 div 元素。

小提琴

您正在使用 标签，将其更改为使用

您可以按照此操作使div 可点击。

相关文章：