javascript - 为什么我的 .html 文件无法连接到 .js 文件？-6ren

javascript - 为什么我的 .html 文件无法连接到 .js 文件？

转载作者：行者123 更新时间：2023-12-03 03:38:55

我想将我的 .html 连接到 .js。我正在尝试运行这个简单的程序，但它不起作用。下面是我的文件路径和我正在使用的文件的屏幕截图。

这是map.html:

<!DOCTYPE html>
<html lang="en">
<head>

</head>
<body>

</body>
<script type="javascript" src="map.js"></script>
</html>

这是map.js:

document.write("testing");

问题如下。如何将 .js 文件与 .html 文件一起渲染？

这是views.py:

def map(request):
    return render(request, 'personal/map.html')

最佳答案

常见的 CMS 约定是将 JavaScript 文件保存在静态文件夹中。您可以保存任何您不希望模板引擎弄乱的内容:图像、javascript、css 等。

看起来您可能需要将 map.js 保存到此路径:

mysite/personal/static/personal/js/map.js

之后，您需要将 HTML 中的脚本链接更新为:

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

此处的 src 路径与您在计算机上存储文件的位置无关，而是与您的 Web 服务器与其关联的 URI 相关。根据您的设置方式，您将需要新路径的某些部分。Django 有 a few ways of linking to static resources ，但我对该平台不够熟悉，无法告诉您应该使用哪个选项。

关于javascript - 为什么我的 .html 文件无法连接到 .js 文件？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45724655/