<!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. springboot启动后自动退出

    有时新建的springboot启动后自动退出运行,如图所示: 此种情况大都数是因为pom文件加入了tomcat的依赖,与springboot内嵌的tomcat冲突导致,所以只需将pom文件中的tomc ...

  2. 魔鬼在细节，理解Java并发底层之AQS实现

    jdk的JUC包(java.util.concurrent)提供大量Java并发工具提供使用,基本由Doug Lea编写,很多地方值得学习和借鉴,是进阶升级必经之路 本文从JUC包中常用的对象锁.并发 ...

  3. MongoDB 学习笔记之 从数组中删除元素和指定数组位置

    从数组中删除元素: 从数组中删除单个元素: db.ArrayTest.updateOne({ "name" : "Bill"},{$pop: {"ad ...

  4. WebSocket协议与抓包

    WebSocket协议 WebSocket并不是全新的协议,而是利用了HTTP协议来建立连接,它的目的是在浏览器和服务器之间建立一个不受限的双向通信的通道,比如说,服务器可以在任意时刻发送消息给浏览器 ...

  5. canvas实现平面迁徙图

    前言 最近在做自己维护的一个可视化工具的时候,在添加基于echart的雷达图的时候,按照echart官网案例写完发现在自己项目中无法正常运行,排查了一番发现是我项目中echart的版本太低.找到问题原 ...

  6. JavaEE——JSP开发模式（model1）

    model1开发模式 工作流程: ①浏览器请求,JSP页面接收 ②JSP根据请求和JavaBean进行交互 ③JavaBean进行业务处理,JDBC操纵数据库 ④JSP将请求结果返回浏览器页面 利用m ...

  7. 云计算之走进LINUX(一)

    引言 小比特的随笔: 亲爱的博友所有随笔部分记录的是小比特的一些学习笔记,阅读性不是太强仅供有基础的博友参考,对小白来说阅读起来可能会有些吃力.当然也可以参考啦!小比特将在文章部分提供详细的内容介绍供 ...

  8. bugku细心地大象

    解压得到图片,查看属性,发现一段编码. 用winhex打开图片,发现头文件是错的,正常jpg文件头文件为FF D8 FF E0 说明不是图片,是zip的文件头,更换格式. 丢到kali用binwalk ...

  9. Faith 信念

    Today I’d like to talk about faith. With faith, you’ll go further and never be lost. Faith is free a ...

  10. Python flask 构建可扩展的restful apl☝☝☝

    Python flask 构建可扩展的restful apl☝☝☝ Flask-RESTful是flask的扩展,增加了对快速构建REST API的支持.Flask-RESTful通过最少的设置鼓励最 ...