所以我第一次尝试使用 django、html 和 javascript，编写一个脚本来在页面上显示更新计数器。我只使用文本而不使用 DOM 时它就可以工作。我决定更新它以使用图像，但我无法让它工作。
下面是显示初始持续时间/计数器的 html。
{% extends 'vices/index.html' %}
{% block content %}
<script type="text/javascript" src="/site_media/js/clock.js"> </script>
<body onLoad="duration()">
<img src="/site_media/images/clock/0.jpg" id="second_1"/>
</body>
{% endblock %}
这是我调用的 javascript 函数。出于测试目的，我只想将 src 设置为指定的不同值。
function duration()
{
//Irrelevant logic (works prior to attempting to import images)
document.getElementById("second_1").src = "/site_media/images/clock/1.jpg"
setTimeout("duration()",1000)
}
当我将 javascript 嵌入到 html 文件中时，它似乎可以正确更新，但是当我将所有 javascript 提取到外部文件时，我似乎无法让它更改图像。
我是否遗漏了一些重要的事情？
最佳答案
你的{% block content %}是吗？复制<body>元素？通常是一个外部模板，如 index.html已经包含了它自己的 body ，这让我想知道你的 onLoad 是否一直被调用。
关于javascript - 在外部 javascript 文件/django 中使用 DOM 时出现问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5454151/