Javascript：为什么有时 alert() 不起作用但 console.log() 起作用？

Question

有时，我会遇到一个非常有趣的错误。 我的 javascript 代码在执行期间不显示警报（消息），但如果我使用 console.log(msg)，它会显示在控制台中。 什么可以阻止 alert() 显示？

非常感谢

Answer 1

这是一个非常普遍的问题，每个人都至少遇到过一次这个问题。 alert() 不起作用的原因是之前您已选中“防止此页面创建其他对话框”复选框。

让我们来看看这段代码。

<script type="text/javascript">

var js_name = ['elem1', 'elem2']

 for (var i = 0; i < js_name.length; i++) {
    alert(js_name[i]);
 };

</script>

如果您运行代码，将会有两个警告框。 如果您选中“阻止此页面创建其他对话框”复选框，然后再次刷新页面，您将不会再收到警告框。

解决方案是您需要关闭该网页并在浏览器中重新打开（不需要关闭整个浏览器）。 我假设您使用的是 chrome。 Internet Explorer 或 FireFox 没有此复选框功能。

Answer 2

如果您覆盖警报功能，则它将无法正常工作

alert = function() 
{
 ...
};

alert('hello') // won't show any alert

Answer 3

据我所知，alert() 总是会显示，除非它是重复的，在这种情况下，系统会询问您是否要继续显示警报。

我想如何处理的具体细节取决于您的浏览器。 愿意分享更多细节吗？ :)

Answer 4

这也发生在 ColdFusion 中。 如果在脚本标记之后的任何地方使用 cflocation 标记（而不是 location.href），警报将不会显示。

Answer 5

如果您打开了开发工具并启用了响应式设计模式，这也可能发生在 Firefox 中。 这听起来像是一个错误。

Answer 6

在 Firefox 中：转到选项 -> 内容并取消选中“阻止弹出窗口”复选框。 重新启动浏览器。

Answer 7

浏览器可能会忽略alert 、 confirm和prompt另一个原因是，如果文档位于具有sandbox属性的iframe ，而其值中没有allow-modals 。

例如，Firefox 会默默地忽略这一点，但 Chromium 会显示警告。

Answer 8

如果您尝试在 Chrome 浏览器地址 URL 中执行 javascript 警报功能，如果该选项卡之前没有加载页面，您将不会收到消息。 只有当它不是新标签时，您才会收到警报框。 如果存在之前加载的网页，然后尝试在地址栏中运行javascript，您将获得预期的结果。 希望它能澄清 Chrome 中这种难以检测的行为。

Answer 9

如果您在 alert() function 之后有一个 location.reload() ，如下所示，JavaScript 会以某种方式跳过警报并重新加载页面。

     $.ajax({
            url:'xxx',
            type : 'POST',
            data : datavalues,
            dataType: 'json',
            contentType: 'application/json',
            success: function(response){
                if(response.status == '200')
                    {
                    alert("updated");
                    }
                    
            }
        });
     
     location.reload();

为了解决这种情况，我将重新加载 function 移到了 if 块中，这解决了问题。

    $.ajax({
        url:'xxx',
        type : 'POST',
        data : datavalues,
        dataType: 'json',
        contentType: 'application/json',
        success: function(response){
            if(response.status == '200')
            {
                alert("updated");
                location.reload();
            }

        }
    });

 

Answer 10

我在这里有一个类似的问题，当我用“警报”替换控制台日志时，它不起作用，但console.log确实起作用。

不工作的代码是：

request(options, function(error, response, body) { // Requesting API

    var statusCode = response.statusCode;

    if(statusCode === 200){
      alert("Success");
    } else {
      alert(error);
    }

工作代码是：

request(options, function(error, response, body) { // Requesting API

    var statusCode = response.statusCode;

    if(statusCode === 200){
      console.log("Success");
    } else {
      console.log(error);
    }