如何在 Google 站点中添加引用其他 JS 文件的 HTML 文件?

How can I add an HTML file that references other JS files in Google Sites?

我试图在 Google 网站上建立一个页面来展示我制作的一些 HTML canvas 游戏。但是,Google Sites 的 "Insert HTML" 选项受到严重限制,它只允许您输入没有外部依赖项的 HTML 代码。可以想象,我要上传的东西有纹理、音频和散布在代码中的多个 js 文件。所有 js 文件都在主 HTML 文件中引用,但这不起作用,它没有获取其他文件,只是显示白屏。

这里是所有的HTML代码(你可以想象,99%的工作都是JS):

<html>

<div id="canvas_div_no_cursor">
<canvas id="gameCanvas" width="800"
height="600"></canvas>
</div>
<script type="text/javascript">
document.getElementById('canvas_div_no_cursor').style.cursor = "none";
</script>

<script src="js/classes.js"></script>
<script src="js/HUD.js"></script>
<script src="js/movement.js"></script>
<script src="js/gameplay.js"></script>
<script src="js/graphics.js"></script>
<script src="js/input.js"></script>
<script src="js/audio.js"></script>
<script src="js/Main.js"></script>

</html>

就是这样,那些引用的 js 文件中的所有其余代码。是的,我将整个文件夹上传到云端硬盘,甚至尝试通过那里导入 html,它甚至都不让我这样做。我在网上搜索无济于事,有人知道我该怎么做吗?我看到的唯一可行的选择是将所有代码从文件传输到单个 HTMl 文件,但我什至不知道它是否会接受其他调用,例如 .mp3 文件和 .png 文件。

您可以将需要的文件上传到 Google 驱动器,然后使用 this site 直接下载 link 给它们。一旦你有了它,只需将 src 更改为直接 link 并且它应该导入它。