脚本标签-不链接(JS平台游戏)

Script tags - not linking (JS platform game)

本文关键字：JS 平台 游戏 链接 标签 脚本      更新时间：2023-09-26

我正在从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中，但浏览器没有给出任何回报，不确定我做错了什么?

确保按正确的顺序插入脚本:

<!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>

确保在内联脚本之前的单独<script>标签中包含您需要的外部JavaScript文件!

相关文章：