window.onload和3的小游戏

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>

window.onload和3的小游戏

编码

猜你喜欢