Question

这根本不应该是困难的，但我无法在平面HTML页面中包含简单的JavaScript文件。

我的JavaScript文件如下：

<script>
  $(document).ready(function() {
  $('div').css('background', 'red');
 });
</script>

HTML代码如下：

<html>
    <head>
        <script src="js/jquery-1.11.1.min.js"></script>
        <script src="js/init.js"></script>
    </head>
    <title>Song Index!</title>
    <body>
        <div>It's working!</div>
    </body>
</html>

我已确认这两个javascript文件都在我的 js 文件夹中。

但是，在Chrome上我一直收到此错误：

Uncaught SyntaxError: Unexpected token < init.js:1

Firefox呈现略有不同的错误：

SyntaxError: syntax error   <script> init.js (line 1)

我只是不知道它为什么不起作用。

Answer 1

由于脚本位于单独的文件中，因此不需要<script></script>。

您的脚本使用html标记包含在script页面中，因此在您的脚本文件js/init.js中不应该有<script>和</script>份

 $(document).ready(function() {
     $('div').css('background', 'red');
 });

Answer 2

JavaScript文件不应包含标记。你的javascript应该是：

    $(document).ready(function() {
     $('div').css('background', 'red');
   });

请将标签移到侧标签中。 HTML代码应为：

<html>
<head>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/init.js"></script>
    <title>Song Index!</title>
</head>
<body>
    <div>It's working!</div>
</body>

Answer 3

只需从外部JS文件中删除<script>标记：

    $(document).ready(function() {
        $('div').css('background', 'red');
    });

Answer 4

首先，JS文件不能有标签（除非我们谈论的是注射）。其次，title代码必须位于head代码中。

包含JavaScript文件时出现HTML错误

4 个答案: