首页 > 解决方案 > Python Django 上的 Javascript,托管在 pythonanywhere 上

问题描述

我正在自学 Django,并决定尝试一些 JS 功能。我在 JS 脚本中包含了一个简单的文本更改功能(来自 w3schools)来尝试一下。该应用程序是blog,并且 JS 脚本位于blog/static/blog/test.js. 里面只有一个功能:

function myFunction() {
   document.getElementById("demo-btn").innerHTML = "Text changed.";
}

它链接到 , 中的blog/templates/blog/post_list.html按钮id="demo-btn"

网站住在这里:http ://andreyito.pythonanywhere.com

它在我的本地主机上运行良好,但是当我将其推送到 时pythonanywhere,什么也没有发生(单击Click me按钮应该更改按钮上方的文本。)

这感觉像是我遗漏的一件小事,但我无法轻松解决这个问题。在这里回购:https ://github.com/Don86/djgirls

标签: javascriptdjango

解决方案


您的test.js文件未在 pythonanywhere 托管中加载:

在此处输入图像描述

您可以查看他们如何处理静态文件的文档。另外,也许您没有运行python manage.py collectstatic将文件加载到静态目录中的程序。有关详细信息,请参阅文档。您还可以在本文档中查看他们如何设置静态文件。


推荐阅读