Question

以下代码在jsfiddle中工作正常，但是当我在locahost中运行时，在控制台中也没有错误的情况下不会出现警告框。可能是什么原因。有人可以帮忙吗？

的index.html

<title>App</title>

<script type="text/javascript" src="movieList.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>

movieList.js

$(document).ready(function(){
    alert('something');
});

Answer 1

脚本顺序很重要。您需要在加载脚本之前加载jQuery，因为您的脚本依赖于jQuery。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script type="text/javascript" src="movieList.js"></script>

如果你要在浏览器中打开你的javascript控制台（ Ctrl Shift J ），你可能会看到一个错误比如$ is not a function。

如果没有错误，您可能已禁止该页面的警报。尝试替换

alert('something');

使用

console.log('something');

并密切关注您的javascript控制台，看看邮件是否被打印出来。如果显示，您可能已禁用警报。要解决此问题，请关闭并重新打开选项卡。建议您使用console.log()而不是alert()进行调试，因为警报和其他提示可能会导致奇怪的计时问题，因为它们会中断javascript的执行。

Answer 2

JQuery First

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script type="text/javascript" src="movieList.js"></script>

Answer 3

试试这个：

$(function(){
    alert('something');
});

.ready()

Answer 4

经过大量尝试后，删除所有浏览历史记录后，警报框会按预期显示。但我不知道是什么原因。

警报不会出现在localhost中

4 个答案: