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>

转载于:https://www.cnblogs.com/Joe-and-Joan/p/10024548.html

window.onload和3的小游戏相关推荐

微信小游戏开发-麻将游戏界面(一)
界面效果如下: 主程序入口问game.js import './js/libs/weapp-adapter' import './js/libs/symbol'import Main from './ ...
动态加载子节点_微信小游戏开发之场景切换和常驻节点传递数据
主题场景切换场景间数据传递方式小游戏全局背景音效特别说明 CocosCreator微信小游戏开发系列文章,是我在逐步开发过程中,基于官方文档之上,记录一些重点内容,以及对官方文档中有些知识点的 ...
前端每日实战：164# 视频演示如何用原生 JS 创作一个数独训练小游戏（内含 4 个视频）...
效果预览按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/mQYobz 可交互视频此视频是可 ...
H5小游戏 - canvas涂鸦板
H5小游戏 - 涂鸦板效果截图: html代码如下: <!DOCTYPE html> <html><head><meta charset="utf ...
bom实现方块移动_html5实现简单的拼图小游戏
内容介绍 1.1 学习内容本项目是基于 HTML+CSS+JavaScript 实现网页版的拼图游戏.实现过程中将用到 HTML5,CSS3 及 JavaScript 相关知识.完成这个项目,可以进 ...
html+css+javascript实现小游戏2048（详解，附源代码）
html+css+javascript实现小游戏2048(详解,附源代码) 1.上下左右的移动原理相同,这里只详细说明向上移动的方法 2.这里的上下左右由wasd四个键控制 3-小方块空的意思就是没数 ...
使用JavaScript实现简单的小游戏-贪吃蛇
最近初学JavaScript,在这里分享贪吃蛇小游戏的实现过程, 希望能看到的前辈们能指出这个程序的不足之处. 大致思路首先要解决的问题随着蛇头的前进,尾巴也要前进. 用键盘控制蛇的运动方向. 初 ...
抖音很火的召唤神龙的小游戏完整代码-召唤神龙
抖音很火的解压小游戏,完整代码分享.有兴趣的可以试着写一下. 1. index <!DOCTYPE html> <html> <head><meta cha ...
前端实现五子棋小游戏2（AI实现人机对战）
通过一个简单的算法,来实现AI智能对弈的五子棋小游戏 AI难点解析赢法数组赢法的统计数组判断胜负计算机的落子规则代码实现赢法数组赢法种类的索引横线赢法竖线赢法横线赢法斜线赢法反 ...

window.onload和3的小游戏

编码

window.onload和3的小游戏相关推荐

最新文章

热门文章