javascript函数在chrome中生成引用错误，但在firefox

Question

我有一个锚标记，我添加了一个onclick函数，如下所示：

<a class="dropdown-item" value="shift" onclick="changeButtonLabel(event, 'timeframe')">Shift</a>

changeButtonLabel是在我附加在html文件底部的js文件中定义的：

{% load staticfiles %}
<script src="{% static 'dashboard/js/selectors.js' %}"></script>

该功能定义如下：

window.changeButtonLabel = function(e, ddl){
var elems, selected;
elems = e.target;
selected = elems.innerHTML;

if (ddl=="timeframe"){
document.getElementById('timeframeDDL').innerHTML = selected + "<i class='fa fa-caret-down' aria-hidden='true' style='float:right;'></i>";
} else{}

}

但如果我将它附加在html文件开头的<script>标记内，则此功能也可以使用。我试图在文件的开头附加js文件，但它也失败了。

更奇怪的是代码在firefox中运行良好。

以下是生成的错误：

感谢您的帮助。 谢谢！

编辑： 清除浏览器缓存后，此问题得以解决！谢谢大家的帮助！ ：）