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

Posted 2023-02-21

【中文标题】Javascript：为啥有时 alert() 不起作用但 console.log() 起作用？

【英文标题】：Javascript: Why sometimes alert() does not work but console.log() does?Javascript：为什么有时 alert() 不起作用但 console.log() 起作用？

【发布时间】：2014-02-12 04:26:18

【问题描述】：

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

非常感谢

【问题讨论】：

能把js代码展示一下吗？

您能否提供一个 SSCCE 来说明问题？

发生在你的所有代码上？

我有类似的问题。在我的情况下，网络浏览器（chrome）阻止了警报窗口，因为它们经常显示

不知道是不是和你的问题有关，不过看看here

【参考方案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 没有此复选框功能。

【参考方案2】：

如果你覆盖警报功能，它就不会工作

alert = function() 

 ...
;

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

【讨论】：

奇怪的是：它发生在项目中间，例如在回调中，但不在主代码中......可能与范围和函数覆盖确实有关......

【参考方案3】：

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

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

【讨论】：

这是我的想法，但有时警报不显示。我无法理解它，而且我没有具体的例子，它总是处于一个巨大的项目中间......

【参考方案4】：

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

【参考方案5】：

如果您打开了开发工具并启用了响应式设计模式，这也可能在 Firefox 中发生。听起来像it's a bug。

【讨论】：

漏洞还在

【参考方案6】：

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

【参考方案7】：

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

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

【参考方案8】：

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

【参考方案9】：

我在这里遇到了类似的问题，当我将控制台日志替换为“警报”时，它不起作用，但 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);