将JS代码，插入到head区域，即可在网页打开时执行。
示例：
<html><head><title>test</title></head>
<script>
alert("已经开始执行函数!")
</script>
<body></body>
</html>
这个主要是基础理解不够的原因。
打开页面时，HTML CSS Javascript 分别有加载器加载。
可执行的js代码会自动执行。
但是事件函数，是需要出发事件后才可以执行的。
下面是简单的代码，仅供参考：
<body><input type="button" id="btn" />
<div style="width:100px height:100px background:#ccc"></div>
</body>
<script>
var oBtn = document.querySelector('#btn')
var oDiv = document.querySelectorAll('div')[0]
oBtn.onclick = function(){
oDiv.style.display = 'none' //当页面加载时，div是显示的，但是当点击按钮后，div消失。
}
</script>
