javascript 学习犯错记录

看w3c学习js，有时按自己想法来，会出一些莫名奇妙的错误，而这些问题百度到了，但因为学习原因基础不捞，导致看到了答案，却认为这不是答案

1.一个很简单的一个html，一个js文件我想在js中的button 点击在 p中显示时间开始时我把引用script放在最前边结果报错：Uncaught TypeError: Cannot set property 'onchange' of null.答案是这么说的：Make sure the DOM is ready before you access it. 确定文档已准备好了，再没用 document.Onload时，js引用一定要把引用放到最后边

html

<body>
    <p id ="demo"></p>
    <button id ="btn" >这是</button>
    <script src=02.js></script>
</body>

js文件

document.getElementById("btn").onclick=function(){displayDate()};
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}