将 js 文件放在烧瓶中的哪个位置 - Javascript

在 Web 开发中，JavaScript 是一种很重要的语言。为了在 Web 页面上使用 JavaScript，需要将 JavaScript 代码存储在文件中，并将文件链接到 HTML 页面中。

那么，在烧瓶（Flask）中，我们应该将 JavaScript 文件放在哪个位置呢？

1. 静态文件夹

Flask 将静态文件（如 JavaScript、CSS、图像等）与动态文件（如渲染 HTML 模板的 Python 代码）视为两个不同的概念。

静态文件应该放在指定的静态文件夹中。默认情况下，静态文件夹名为 static，应该与应用程序文件（即 .py 文件）位于同一级目录。如果在应用程序中更改了静态文件夹名称，则必须更新应用程序中的相应设置。

要在 HTML 模板中链接到静态文件，请使用以下的格式：

<script src="{{ url_for('static', filename='javascript.js') }}"></script>

这里的 javascript.js 是你要链接的 JavaScript 文件。

2. 模板文件夹

如果你的 JavaScript 代码包含在模板文件中，那么可以直接在模板文件中引用它。

<script>
    alert("Hello, Flask!");
</script>

在这种情况下，不需要将 JavaScript 文件存储在静态文件夹中。

3. URL 路由

在 Flask 中，可以将 JavaScript 代码作为响应返回。这在某些情况下可能很有用。

@app.route('/js-script')
def js_script():
    return """
        alert("Hello, Flask!");
    """

这里我们定义了一个路由 /js-script，当用户访问该路由时，浏览器将显示 Hello, Flask! 弹出框。

参考资料

• Flask 官方文档: 关于静态文件 (Static Files)
• Stack Overflow: Flask 应用程序中的 JavaScript 位置