以下为js语句的案例题，虽然简单，但是里面涉及到语句的嵌套，多个参数，需要好好分析。

1、求出1-100之间所有奇/偶数之和

    <script>

        var sum = 0;

        for (var i = 0; i <= 100; i++) {

            if (i % 2 == 0) {

                sum += i;

                i++;

            }

        }

        console.log(sum); //2550

    </script>

2、九九乘法表

    <script>

        for (var x = 1; x <= 9; x++) {//外层循环决定行的数量

            for (var y = 1; y <= x; y++) {//内层循环决定列的数量

                document.write(y + "*" + x + "=" + y * x + "&nbsp;&nbsp");

            }

            document.write("<br>");//添加换行

        }

    </script>

3、写出1000以内的水仙花数

    <script>

        var a, b, c, i;

        for (i = 100; i < 1000; i++) {

            a = parseInt(i / 100);

            b = parseInt((i - a * 100) / 10);

            c = parseInt(i - a * 100 - b * 10);

            if (a * a * a + b * b * b + c * c * c == i) {

                document.write(i + "<br>");

            }

        }

    </script>

4、实现5角星图形

    <script>

        for (var i = 1; i < 5; i++) { //控件行

            for (var n = 1; n <= 4 - i; n++) {

                document.write("&nbsp");

            }

            //输出一行*

            for (var y = 1; y <= 2 * i - 1; y++) {

                document.write("*");

            }

            document.write('<br>');

        }

    </script>

</body>

5、点击按钮让box在隐藏与显示之间来回的切换

<body>

    <input type="button" id="btn" style="background-color: hotpink;" value="按钮">

    <div style="width: 100px;height: 100px;background:greenyellow;display: -none;" id="box"></div>

    <script>

        window.onload = function () {

            var btn = document.getElementById('btn');

            var box = document.getElementById('box');

            var on = 'block';

            btn.onclick = function () {

                if (on == 'none') {

                    box.style.display = 'block';

                    on = 'block';

                } else {

                    box.style.display = 'none';

                    on = 'none';

                }

            }

        }

    </script>

</body>

js之语句——案例的更多相关文章

  1. chart.js图表库案例赏析，饼图添加文字

    chart.js图表库案例赏析,饼图添加文字 Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas 基础上.目前,它支持6种图表类型(折线图,条形图, ...

  2. 关于js with语句的一些理解

    关于js with语句的一些理解   今天看到js的with语句部分,书中写到,with语句接收的对象会添加到作用域链的前端并在代码执行完之后移除.看到这里,我有两点疑问,添加到作用域链前端是不是指对 ...

  3. js调用ajax案例

    js调用ajax案例 测试地址:http://www.w3school.com.cn/tiy/t.asp?f=ajax_get 嵌入下面代码,点击提交,再点击请求数据.就可以看到结果了. <ht ...

  4. cookie.js插件的案例

    cookie.js插件的案例: https://github.com/jaywcjlove/cookie.js/blob/master/README.md    文档  api   在这里即可查看用法 ...

  5. WebView JS交互 JSBridge 案例 原理 MD

    Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...

  6. 优化 JS 条件语句的 5 个技巧

    优化 JS 条件语句的 5 个技巧 原创: 前端大全 前端大全 昨天 (给前端大全加星标,提升前端技能) 编译:伯乐在线/Mr.Dcheng http://blog.jobbole.com/11467 ...

  7. Js基本语句

    js基本语句整理导向图 ---欢迎收藏^ - ^

  8. vue.js循环语句

    vue.js循环语句 循环使用 v-for 指令. v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组, site 是数组元素迭代的别名. v-for 可以 ...

  9. JS缓冲运动案例：右侧居中悬浮窗

    JS缓冲运动案例:右侧居中悬浮窗 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta cha ...

随机推荐

  1. LVS集群

    集群: 将许多小的,性能较低的服务器做成一个大的性能高的超级服务器 集群分为负载均衡集群,高可用集群,高性能运算集群 LVS体系结构与工作原理描述 LVS集群负载均衡器接受服务的所有入站客户端计算机请 ...

  2. NginxURL重新配置

    server { listen 8080; server_name localhost; rewrite /ljys/kcf(.*) http://192.168.4.139:8080/wuxi-pr ...

  3. JVM学习笔记之JDK、JRE、JVM的关系(二)

    JDK(Java Development Kit)是针对Java开发员的产品,是整个Java的核心,包括了Java运行环境JRE.Java工具和Java基础类库.Java Runtime Enviro ...

  4. 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_5-8.用户模块开发之保存微信用户信息

    笔记 8.用户模块开发之保存微信用户信息     简介:开发User数据访问层,保存微信用户信息 问题:             微信回调 用户昵称乱码             解决:        ...

  5. BUGKU (Mountain climbing)

    UPX壳,手脱后打不开,可能是在windows10脱壳的缘故吧.放在XP虚拟机上手脱可能会好,但是提示缺少dll.无奈,智能用工具了. 用的这个,感觉蛮好用的. 先打开程序.随便输入一个数,提示err ...

  6. Laravel从模型中图片的相对路径获取绝对路径

    在模型product.php中增加以下方法.数据库图片字段为image.存储的图片相对路径 public function getImageUrlAttribute() { // 如果 image 字 ...

  7. octave

    1. octave, 如何求一元二次方程的解: 例如:· -3x-9y=18  ·   4x+3y=12 命令: >>>  A=[-3 -9; 4 3]; B=[18;12]; &g ...

  8. Javascript学习笔记四——操作表单

    Javascript学习笔记 大多网页比如腾讯,百度云之类的需要登陆,用户输入账号密码就可以登陆,那么浏览器是如何获取用户的输入的呢?今天就记录一下操作表单. 操作表单与操作DOM是差不多的,表单本身 ...

  9. [loj#2005][SDOI2017]相关分析 _线段树

    「SDOI2017」相关分析 题目链接:https://loj.ac/problem/2005 题解: 把上面的式子拆掉,把下面的式子拆掉. 发现所有的东西都能用线段树暴力维护. 代码: #inclu ...

  10. python列表的切片与复制

    切片,即处理一个完整列表中部分数据. 语法 变量[起始索引:终止索引:步长] 首先创建一个字符串列表 >>> cars = ['toyota', 'honda', 'mazda', ...