Question

我正在努力创造一个平台游戏＆＃39;来自 Eloquent JavaScript 的项目，并且脚本标记存在问题。

在书中，我们告诉我们使用以下方式显示我们的关卡：

<link rel="stylesheet" href="css/game.css">

<script>
 var simpleLevel = new Level(simpleLevelPlan);
 var display = new DOMDisplay(document.body, simpleLevel);
</script>

我已尝试将此（连同我的platform.js文件的附加脚本标记）添加到index.html中，但浏览器没有提供任何回复，不确定我做错了什么？

Answer 1

确保以正确的顺序插入脚本：

<!DOCTYPE html>
<html>
    <head>
        Here you should put your "included" scripts with <script src=...>
    </head>
    <body>
        ...
    </body>
    <script>
        Here you should put your first execution, if it needs the html page been completely loaded (as to use document.body).
    </script>
</html>

脚本在页面中显示时正在执行。如果使用document，则必须延迟执行，直到整个页面都被加载：将脚本放在HTML的末尾，或者通过在HEAD中放置一个初始化函数，然后从body调用它的onload：

    <head>
        <script>
            function myFunction(){...}
        </script>
    </head>
    <body onload="return myFunction()">
        ...
    </body>

Answer 2

确保在内联脚本之前，在单独的<script>代码中包含所需的外部JavaScript文件！

脚本标签 - 不链接（JS平台游戏）

2 个答案: