javascript - 如何用外部文件替换一些内联 JavaScript 事件处理程序？

Question

我的 .HTML 文件中有以下内联 JavaScript 事件，我想将它们的 JavaScript 替代品放在 .JS 文件中。然后我会将 .JS 文件链接到 .HTML 文件。以下是事件详情:

oncontextmenu
onmousedown
onload
onclick
onerror
onmouseover
onmouseout

Answer 1

<div id = "yourElement"></div>
<script>
    var yourElement = document.getElementById("yourElement"); //get the element
    yourElement.oncontextmenu = function () {
        //oncontextmenu triggered!
    }
    yourElement.onmousedown = function () {
        //onmousedown triggered!
    }
    yourElement.onload = function () {
        //onload triggered!
    }
    //ecc..
</script>

编辑:

这是我的 fiddle :http://jsfiddle.net/durZL/

注意:如果您将脚本放在标题中，您应该告诉 javascript 在页面完全加载时运行代码，否则您将无法获取该元素，
jQuery 已经为您做到了这一点，但是如果不想使用它，这是正确的方法:

window.onload = function () {
   //here is the code that will run after the page is fully loaded
   //DOM elements can be safely manipulated here
}