简单的 HTML 页面未加载 Javascript Hello World答案

【问题标题】：Simple HTML page not loading Javascript Hello World简单的 HTML 页面未加载 Javascript Hello World
【发布时间】：2014-03-28 12:48:02
【问题描述】：

作为一个非常基本的编程介绍的一部分，我被指示使用以下代码制作一个简单的 HTML 文件：

<html>

<head>
    <title>Simple Page</title>
</head>
<body>
    <p>This is a very simple HTML page</p>
    <script src="script.js"</script>
</body>

文件保存为 container.html

在同一文件夹中有一个名为 script.js 的文件，其中包含以下内容：

alert(“Hello World”);

当我将 HTML 文件加载到 Safari 7.0.2 中时，它正确显示“这是一个非常简单的 HTML 页面”并且似乎加载了一些内容，但 Javascript 警报“Hello World”没有出现在弹出样式窗口中，因为它在教师计算机上执行。

我已检查所有设置以确保 Javascript 已启用并且弹出窗口阻止程序已关闭。我也尝试在 Firefox 和 Crome 中加载，但无法正常工作。

按照课程中的说明，我正在使用 TextEdit 进行编码并通过 container.html 文件查看脚本。

【问题讨论】：

引号错误？ " " 而不是 “ ”
看起来像缺少右括号 <script src="script.js"</script> => <script src="script.js"></script>
相关：What is the difference between “ " quotes in javascript? 和 JavaScript: a simple 'compare' function not working?。

标签： javascript html

【解决方案1】：

你错了

<html>

<head>
    <title>Simple Page</title>
</head>
<body>
    <p>This is a very simple HTML page</p>
    <script src="script.js"></script>
</body>
</html>

你忘记了脚本的结束标签。

【讨论】：

【解决方案2】：

确保关闭 <script> 标记。

例如

<script src='http://code.jquery.com/jquery-latest.min.js'></script> //to include jQuery
<script src="script.js"></script>

还有

“ 和 ” 应该是 " 或 '。

否则它们将无法工作。

另外，坚持ready 函数：

$(document).ready(function(){
  alert("Hello World");
});

【讨论】：

【解决方案3】：

脚本标签没有结束标签“>”

修改下一行：

<script src="script.js"</script>

与

<script src="script.js"></script>

【讨论】：

【解决方案4】：

你忘记了“>”

<script src="script.js"></script>

【讨论】：

【解决方案5】：

确保关闭脚本标记（您的 HTML 看起来缺少 >）：

<script src="script.js"></script>

那就错了。

【讨论】：

【解决方案6】：

在关闭脚本标签时要小心！

<script src="script.js"></script>

【讨论】：

【解决方案7】：

您的代码中有一些错误

您的 html

<html>

<head>
    <title>Simple Page</title>
    <script src="http://code.jquery.com/jquery-1.9.0.js"></script>
</head>
<body>
    <p>This is a very simple HTML page</p>
    <script src="script.js"></script>
</body>

你的 JS

$(document).ready(function (){
    alert("Hello world");
});

【讨论】：

【解决方案8】：

Deselect the smart quotes option in textedit

【讨论】：

欢迎来到堆栈溢出。不鼓励仅链接的答案。始终尝试在您的答案中包含链接页面的重要部分。