如何在 Django 环境中 html 从外部 js 文件调用 javascript 函数

Question

我正在使用 Django 开发应用程序。
我希望在用户登陆某个 HTML 页面时立即弹出警报 window。

使window弹出的javascript函数调用funprova 并且此函数存储在名为 prova.js 的 js 文件中，位于路径

static/js/prova.js

我想HTML调用这个函数。我该怎么做？

Answer 1

在路径

的外部 javascript 文件中

static/js/prova.js

插入

function funprova() {
    alert("Hello! I am an alert box from remote js file!!");
    }

在要弹出window的HTML页面中，在结束</body>标签之前，插入

{% load static %}

<script type="text/javascript" src={% static "js/prova.js" %}></script>
<script> funprova() </script>

注意：你必须在两个不同的脚本标签中调用javascript，因为在前者中你调用了一个存储外部文件的函数，而在后者你调用一个已经导入到 HTML 文件环境中的函数。

注意：最好在 HTML 页面的顶部插入 {% load static %} Django 标签，在 HTML 之前标签。

How to make html call a javascript function from an external js file, in Django environment