Window.onload()是当页面加载完成后执行的操作。当js代码需要获取页面中的元素的时候，如果这script放在元素的前面，那就需要加window.onload，如果script是放在了元素的后面，那就不需要加window.onload。
实例代码如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>实例1</title> <style> #box{ width: 100px; height: 100px; background: red; } </style> <script type="text/javascript"> /*当页面加载完成后执行的操作 当js代码需要获取页面中的元素的时候， 如果这script放在元素的前面，那就需要加window.onload，如果script是放在了元素的后面， 那就不需要加window.onload */ window.οnlοad=function(){ document.getElementById("btn").οnclick=function(){ //点击按钮，按钮变红色 document.getElementById("btn").style.background='red'; //修改div的宽高 document.getElementById("box").style.width='50px'; document.getElementById("box").style.height='50px'; } } </script> </head> <body> <input type="button" name="btn" id="btn" value="按钮" /> <div id="box"> </div> <!--<script type="text/javascript"> document.getElementById("btn").οnclick=function(){ //点击按钮，按钮变红色 document.getElementById("btn").style.background='red'; //修改div的宽高 document.getElementById("box").style.width='50px'; document.getElementById("box").style.height='50px'; } </script>--> </body> </html>