行内式

 <button onclick="alert('我是行内写法')">按钮</button>

内嵌式

在head里

js:
<script>
        window.onload = function () {
          document.getElementsByTagName('button')[0].onclick = function () {
            alert('我是在head里的内嵌式写法')    
          }
        }
</script>
html:
<button>按钮</button>

在body里

html:
<button>按钮</button>
js:
<script>
        document.getElementsByTagName('button')[0].onclick = function () {
            alert('我是内嵌式body里的写法')    
        }
    </script>

外链式

html:
<button>按钮</button>
<script src="./js的写法.js"></script>
js:
document.getElementsByTagName('button')[0].onclick = function () {
    alert('我是外链是的写法')    
}