如何在 Django 模板中调用 javaScript 函数？答案

【问题标题】：How do you call a javaScript function inside a Django template?如何在 Django 模板中调用 javaScript 函数？
【发布时间】：2023-03-25 06:17:01
【问题描述】：

我想调用在 Django 的同一模板中定义的 javaScript 函数。我该怎么做？

{% extends 'base.html' %}

{% block content %}

        {% if error %}
            showAlert()
        {% endif %}

    <script> function showAlert() {alert ("Please select at least one option");}</script>
{% endblock %}

如果有error 在场，我想打电话给showAlert()。我已经处理了视图中的error。我这里没有关于如何调用函数的方法？它正在显示函数名称。

【问题讨论】：

请记住，模板是使用 Python 在服务器上呈现的； alert 在 JavaScript 浏览器中可用。
哦！是的！！明白了……但是我该怎么做呢？加载一个 JS 文件还是什么？
您已经展示了如何使用 JavaScript - <script> 块。
但是我该怎么称呼它呢？这不起作用....
如果您打开浏览器控制台，您可能会看到类似“ReferenceError: showAlert is not defined”的错误，只需将函数的定义移到顶部即可。并致电<script> showAlert() </script>

标签： javascript django django-templates

【解决方案1】：

你可以在<script>标签内调用javascript函数

{% extends 'base.html' %}

{% block content %}

    <script> 
      function showAlert() {
            alert ("Please select at least one option");
      }
    </script>

    {% if error %}
    <script>
        showAlert()
    </script>
    {% endif %}
{% endblock %}

或者你可以把{% if ... %}声明放在<script>标签里面

【讨论】：

感谢您的帮助，但问题是在单击确定之前它不会让页面加载。