<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <script type="text/javascript">

        //匿名函数直接自己调用自己，去避免引入全局变量

            (function(){

                var num = 333

                console.log(333)

            })()

        </script>

    </body>

</html>
<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <script type="text/javascript">

            var list = ['苹果','雪梨','香蕉','葡萄']

            for(var i = 0;i<list.length;i++){

                //i是偶数的时候不输出

                if(i%2==0)

//                {

                    //跳出当次循环

//                    'continue '

//                    //跳出整个循环

//                    break

//                }

                document.write(list[i])

            }

        </script>

    </body>

</html>
<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <script type="text/javascript">

//            while(条件判断){

//                为真执行这个循环

//            }

//            while(true){

//                console.log(1)

//            }

            var fruit = ['苹果','雪梨','香蕉']

            var num = 0;

            while(num<3){

                console.log(fruit[num])

                num++

            }

            //实际for循环是while高级实现，while循环的性能是最高的。

        </script>

    </body>

</html>
<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <h1>xx用户</h1>

        <script type="text/javascript">

            var username = 'admin'

            var passwd = '12345'

            var uservip = false

//            if(条件判断){

//                为真的时候执行

//            }else{

//                为假的时候执行

//            }

//            if(条件判断){

//                为真的时候执行

//            }else if(条件判断){

//                第二次条件判断为真的时候执行

//            }else{

//                第二次条件判断为假的时候执行

//            }

//            if(username=='admin'&&passwd=='123456'){

//                console.log('登录成功')

//                document.write('登录成功')

//            }else{

//                document.write('登录失败')

//            }

            if(username=='admin'&&passwd=='123456'){

                console.log('登录成功')

                document.write('登录成功')

            }else if(username=='admin'){

                document.write('登录失败，密码错误')

            }else{

                document.write('此用户名尚未注册')

            }

            if(uservip){

                document.querySelector('h1').style.color = 'orangered'

            }

        </script>

    </body>

</html>
<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <!--<h1>新闻列表</h1>

        <ul>

        </ul>

        -->

        <script type="text/javascript">

//            var list = ['怎么对付美国？','这些国家准备悄悄开个会商量一下','悄悄开个会商量一下']

//            var ul = document.querySelector('ul')

//

//            for(var i=0;i<list.length;i++){

//                var templi = document.createElement('li')

//                templi.innerHTML = list[i]

//                ul.appendChild(templi)

//            }

            var fruit = ['苹果','雪梨','香蕉']

            console.log(fruit[0])

            //for(声明一个变量;循环满足的条件判断;每一次循环之后要执行的语句){循环执行的内容}

//            for(var i=0;i<3;i++){

//                console.log(fruit[i])

//            }

//

//

        </script>

    </body>

</html>
<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <h1>helloworld</h1>

        <script type="text/javascript">

            var choose = 'a'

            //prompt是调用浏览器的一个输入弹框，将你写的内容赋值给choose变量

            choose = prompt('请填写你的答案')

            console.log(choose)

            //多条件的匹配方式

            switch(choose){

                case 'a':

                    document.write('你选的答案是a')

                    break;

                case 'b':

                    document.write('你选的答案是b')

                    break;

                case 'c':

                    document.write('你选的答案是c')

                    break;

                case 'd':

                    document.write('你选的答案是d')

                    break

                default:

                    document.write('没有你的选项')

            }

        </script>

    </body>

</html>

js循环和调用的更多相关文章

  1. ----关于统计字符出现次数的JS循环以及indesxOf函数----

    以下将会通过JS循环判断字符“banana”出现次数 以及调用indexOf中的函数来实现统计   <!DOCTYPE html> <html> <body> &l ...

  2. JS循环汇总

    JS循环汇总 一.总结 一句话总结:js中的循环主要有while.for.for...in.for...of,循环是,要区别不同的循环对象,比如对象,数组,集合等 while for for...in ...

  3. js循环函数中的匿名函数和闭包问题（匿名函数要用循环中变量的问题）

    js循环函数中的匿名函数和闭包问题(匿名函数要用循环中变量的问题) 一.总结 需要好好看下面代码 本质是因为匿名函数用到了循环中的变量,而普通方式访问的话,匿名函数的访问在循环之后,所以得到的i是循环 ...

  4. uni-app如何解决在for循环里调用异步请求获取数据顺序混乱问题？

    总结/朱季谦 先前有一次做uni-app的js接口对接时,遇到过这样的情况,在for循环里,调用一个异步请求时,返回来的值顺序是乱的,因此,在以下的代码里,push到数组里的值,每次的顺序可能都是不一 ...

  5. js循环数组（总结）

    js循环数组(总结) 一.总结 一句话总结: for循环:for(j = 0,len=arr.length; j < len; j++) {} foreach循环:arr.forEach((it ...

  6. Atitit java c# php c++ js跨语言调用matlab实现边缘检测等功能attilax总结

    Atitit java c# php c++ js跨语言调用matlab实现边缘检测等功能attilax总结 1.1. 边缘检测的基本方法Canny最常用了1 1.2. 编写matlab边缘检测代码, ...

  7. Handlebars.js循环中索引(@index)使用技巧(访问父级索引)

    使用Handlebars.js过程中,难免会使用循环,比如构造数据表格.而使用循环,又经常会用到索引,也就是获取当前循环到第几次了,一般会以这个为序号显示在页面上. Handlebars.js中获取循 ...

  8. Unity3D中C#和js方法相互调用

    通过查找资料,Unity3D中C#和js要相互调用彼此的方法,js文件必须放在"Standard Assets". "Pro Standard Assets" ...

  9. Data层相关问题 & JS循环取值

    第一次写博客,里面是自己工作中碰到的问题及总结的知识点,便于自己以后回顾,技术大牛们请直接忽略这篇文章,也希望能帮助到想我这样的小白! Data层相关问题总结: 1. 代码管理用的是 VSS 2005 ...

随机推荐

  1. 数据结构与算法（C/C++版）【数组】

    第五章<数组> 一.概念 根据数组中存储的数据元素之间的逻辑关系,可以将数组分为 : 一维数组.二维数组.….n维数组.n维数组中,维数 n 的判断依据是:根据数组中为确定元素所在位置使用 ...

  2. jar 命令使用

    1.jar命令一般用来对jar包文件处理,jar包是由JDK安装目录\bin\jar.exe命令生成的,当我们安装好JDK,设置好path路径,就可以正常使用jar.exe命令,它会用lib\tool ...

  3. springboot 集成Redis一主二从三哨兵

    1.Centos7 Redis一主二从三哨兵配置 Redis一主二从三哨兵环境搭建 2.接入过程 与集成redis单机不同的是jedis相关的配置做了修改,JedisPool换成了JedisSenti ...

  4. jQuery常用方法（一）-基础

    $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test.jpg", ...

  5. 整理基础的CentOS常用命令

    如何知道apache装在哪里? which httpd 1.查看系统使用端口并释放端口 [root@my_nn_01 WEB-INF]# lsof -w -n -i tcp:80 COMMAND    ...

  6. 设计时数据源： 在ActiveReports中直接连接PostgreSql 数据库

    在之前的博客中,我们学习了如何在运行时绑定PostgreSql 数据库,今天我们学习,如何直连PostgreSQL 数据库. 1. 安装PostgreSQL 的ODBC驱动程序 https://www ...

  7. 一个原生JS实现的不太成熟的贪吃蛇游戏

    一个初初初初级前端民工 主要是记录一下写过的东西,复习用 大佬们如果看到代码哪里不符合规范,或者有更好写法的,欢迎各位批评指正 十分感谢 实现一个贪吃蛇游戏需要几步? 1.有地图 2.有蛇 3.有食物 ...

  8. IoC 之加载 Bean：总结

    上文中我们将bean已经加载到了IOC容器中,接下来我们将把IOC加载Bean出来进行代码解析 备注:(有些解释是参考别个博客的相关解释 )一起探讨请加我QQ:1051980588 bean 的初始化 ...

  9. 项目二：企业级java电商网站开发（服务端）

    声明:项目源于网络,支持正版教程,学习使用,仅记录在此 项目介绍 企业级java电商网站开发(服务端),模块划分:用户管理,商品管理,商品品类管理,订单管理,订单详情管理,购物车管理,收货地址管理,支 ...

  10. KafkStream架构

    Kafka Stream 的整体架构图如下. 目前KafkaStream的数据源智能是如上图所示的Kafka,但是处理结果并不一定是如上图所示的输出到Kafka,实际上KStream和Ktable的实 ...