window.onload出现的原因？
我们都知道页面的代码顺序是从上往下进行加载，很多时候我们要对页面中的某一个模块进行操作，这时候我们常常使用javascript代码来进行操作。为了能够保证操作的模块或对象在js代码之前就加载了，我们不得不把js代码放在页面的底端。但是我们在设计页面的时候，为了把js代码放在一起，或者一个让页面更加简洁的位置，那就有可能出现代码中操作的对象未被加载的情况，那么我们该如何去解决呢？这时候window.onload就被有了存在的意义了。
window.onload是什么？
window.onload是一个事件，在文档加载完成后能立即触发，并且能够为该事件注册事件处理函数。将要对对象或者模块进行操作的代码存放在处理函数中。即：window.onload =function (){这里写操作的代码};
发生要对对象进行，而对象还未被加载，导致相当于无操作的实例：
编码
3的小游戏，练习使用循环和条件语句，实现如下需求：
- 从1到100，以此在console输出各数字，但是，当数字为3的倍数或者含有3的时候，输出“PA”
- 比如：1,2,PA,4,5,PA,……,11,PA,PA,14,PA……
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8" /> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <title>3的小游戏</title> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 </head> 10 11 <body> 12 13 <script> 14 window.onload = function game() { 15 var c = 100; 16 for (i = 1; i <= c; i++) { 17 if (i % 3 == 0 || String(i).indexOf("3") >= 0) { 18 console.log("PA"); 19 continue; 20 } else { 21 console.log(i); 22 } 23 } 24 } 25 </script> 26 </body> 27 28 </html>