Html事件侦听器未正确添加

Question

我在html文件中添加了onclick监听器，但firefox dev工具将事件监听器显示为空白。

<button onclick='onDelete(this)' type='button' class='btn btn-danger btn-xs'>delete</button>

函数onDelete()在名为script.js

的外部javascript文件中定义

function onDelete(element){
    var request = new XMLHttpRequest();
    request.onreadystatechange = function(){
        if(request.readyState == 4 && request.status == 200){
            document.getElementById('result').innerHTML = request.responseText;
        }
    }
    var id = element.parentElement.parentElement.id;
    request.open('GET', 'delete.php?' + 'id='+ id , true);
    request.send();
}

JS文件包含在heade标记内。

<script type='text/javascript' src='/static/custom/js/script.js'></script>

似乎script.js已成功加载...
我该如何解决这个问题？