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

【问题标题】：How to make html call a javascript function from an external js file, in Django environment如何在 Django 环境中使 html 从外部 js 文件调用 javascript 函数
【发布时间】：2021-08-23 02:16:30
【问题描述】：

我正在使用 Django 开发应用程序。
我希望用户一登陆某个 HTML 页面就会弹出一个警告窗口。

使窗口弹出的javascript函数称为funprova 这个函数存储在一个名为prova.js的js文件中，位于路径

静态/js/prova.js

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

【问题讨论】：

标签： javascript html django alert external

【解决方案1】：

在外部 javascript 文件中的路径

静态/js/prova.js

插入

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

在必须弹出窗口的 HTML 页面中，在结束 </body> 标记之前，插入

{% load static %}

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

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

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

【讨论】：