registro de eventos 1 em linha
função 1.1 gravação direta dentro da linha
<div class="box" onclick="{alert(245)}"><div>
Chame a função foi escrito dentro da linha 1.2 ou
<div class="box" onclick="fun()"><div>
<script>
function fun(){
alert(234);
}
</script>
2 página de registo de eventos
// html 页面
<body>
<div class="box"></div>
</body>
// js结构
<script>
var div = document.querySelector('.box');
div.addEventListener('click', function() {
alert('hello world');
})
</script>
3 js introduzido fora para conseguir o registo
// 引入外部的js
<script src="./js/unimportant.js"></script>