Django 运行从父项导入的 javascript 函数，由子项调用

Question

我在 static 下的外部文件夹中有一个 javascript 文件。我的 index.html 不是运行从 base.html 导入的 javascript 函数。

文件路径：

-- project
   -- app
      -- templates
         -- app name
            -- index.html
   -- src
   -- static
      -- hello_world.js
   -- templates
      -- base.html

从浏览器查看页面源代码

<!DOCTYPE HTML> 
<html>

  <head>
    <style>
      body {
        margin: 0px;
        padding: 0px;
      }
    </style>

    <script type='text/javascript' src="/static/hello_world.js"></script>
  </head> 

  <body>

<div id="navigation">
<table border=0 cellpadding=7>
<tr>
    <td><a href="/game">Home</a></td>

      <td><a href="/game/registration">Register</a></td>
      <td><a href="/game/login">Login</a></td>

</tr>
</table>
</div>


<div id="content">

    <h2> Welcome to WAM's board 2 player board games! </h2>
    <canvas onload="entryPoint();" id="myCanvas" width="578" height="200"></canvas>

</div>
</body>
</html>

Base.html

{% block doctype %}<!DOCTYPE HTML> {% endblock %}
<html>
{% block head %}
  <head>
    <style>
      body {
        margin: 0px;
        padding: 0px;
      }
    </style>
{% load staticfiles %}
    <script type='text/javascript' src="{% static "hello_world.js" %}"></script>
  </head> 
{% endblock %}
  <body>
{% block navbar %}
<div id="navigation">
<table border=0 cellpadding=7>
<tr>
    <td><a href="/game">Home</a></td>
{% if user_logged_in %}
      <td><a href="/game/upload">Upload</a></td>
      <td><a href="/game/challenge_user">Challenge User</a></td>
      <td><a href="/game/logout">Logout</a> of {{ user_name }}</td>
{% else %}
      <td><a href="/game/registration">Register</a></td>
      <td><a href="/game/login">Login</a></td>
{% endif %}
</tr>
</table>
</div>

{% endblock %}
<div id="content">
{% block content %}{% endblock %}
</div>
</body>
</html>

index.html

{% extends "base.html" %}
{% block navbar %}{{ block.super }}{% endblock %}
{% block content %}
    <h2> Welcome to WAM's board 2 player board games! </h2>
    <canvas onload="entryPoint();" id="myCanvas" width="578" height="200"></canvas>
{% endblock %}

Answer 1

放这个

import os

BASE_DIR = os.path.dirname(os.path.dirname(__file__)) # already present in newest django versions
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)

在您的 settings.py 中，或者只是将您的静态文件放入应用程序文件夹中的静态文件夹中

Django 运行从父项导入的 javascript 函数，由子项调用

Django running a javascript function imported from parent, called by the child

javascript

django

inheritance

Django 运行 从父项导入的 javascript 函数，由子项调用

Django running a javascript function imported from parent, called by the child

javascript

django

inheritance

Django 运行从父项导入的 javascript 函数，由子项调用