将javascript添加到django模板时出现空白页答案

【问题标题】：Blank page when adding javascript to django template将javascript添加到django模板时出现空白页
【发布时间】：2014-07-10 09:24:48
【问题描述】：

我已经为我的应用程序创建了一个基本模板页面，它运行良好，但是当我尝试添加 javascript 引用（例如 jQuery）时，我得到了一个空白页面，但 javascript 已加载到头部但页面正文为空白。即使引用的 javascript 源是一个空文件。静态文件夹没有问题，因为样式和图像已正确加载，并且第一个引用的 javascript 源出现在 django 开发服务器提供的页面源代码中。

这是我的模板：

{% load staticfiles %}

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="{% static 'backend/css/style.css' %}" />
    <script type="text/javascript" src="{% static 'backend/script/script.js' %}">

以及在我的浏览器中生成的代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/static/backend/css/style.css" rel="stylesheet">
<script src="/static/backend/script/script.js" type="text/javascript">
   $(document).ready(function() {
   function runEffect() { 
   .   .   .
</script>
</head>
<body> </body>

如果我从头部删除所有 javascript 引用，一切都会按预期进行。如何在我的 django 应用中正确包含 javascript？

【问题讨论】：

这对我有用：
您可以使用浏览器控制台检查您遇到的错误。使用 Chrome，您只需按 F12，然后转到控制台选项卡。
@chf 就是这样。通过在我的包含中添加结束标记，我解决了问题

标签： javascript python django

【解决方案1】：

试试这个：

{% load static %}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static 'backend/css/style.css' %}" />
        <script type="text/javascript" src="{% static 'backend/script/script.js' %}"></script>
    </head>
    <body>
               {{ your_content}}
    <script>Your custom script</script>
    </body>
</html>

【讨论】：

【解决方案2】：

为我更换适合我的浏览器

【讨论】：

这没有提供问题的答案。一旦你有足够的reputation，你就可以comment on any post；相反，provide answers that don't require clarification from the asker。 - From Review