简单的HTML页面无法加载Javascript Hello World

时间:2014-03-28 12:48:02

标签: javascript html

作为对编程的一个非常基本的介绍的一部分,我被指示使用以下代码制作一个简单的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文件查看脚本。

8 个答案:

答案 0 :(得分:4)

你犯了一个错误

<html>

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

您忘记了脚本上的结束标记。

答案 1 :(得分:4)

确保关闭<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");
});

答案 2 :(得分:2)

没有结束标记'&gt; '的脚本标记

修改以下行:

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

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

答案 3 :(得分:2)

您忘记了&#34;&gt;&#34;

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

答案 4 :(得分:0)

确保关闭脚本代码(您的HTML看起来缺少&gt;):

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

这就是错误。

答案 5 :(得分:0)

关闭脚本标记时要小心!

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

答案 6 :(得分:0)

您的代码中有一些错误

您的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");
});

答案 7 :(得分:0)