<!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. TCP通信 -C/S中的Socket与ServerSocket

    客户端类:Socket类 TCP通信的客户端:向服务器发送连接请求,给服务器发送数据,读取服务器的数据,两次IO流 java.lang.Object 继承者 java.net.Socket 构造方法: ...

  2. asp.netcore 3.0 Docker Nginx(震惊，原来docker是这样的！)

    引言 Docker发布于2013年,Docker是dotCloud公司创始人在法国期间发起的一个公司内部项目,他是dotCloud多年云技术的一个革新.Docker在容器基础上进行了一步的封装,从网络 ...

  3. layDate——设置最大日期不能超过当前日期

    例如,当前年份是2018年,实现效果如下,2018年之后年份不可操作: 具体代码实现: layui.use([ 'laydate'], function () { var laydate = layu ...

  4. cmd控制台 wrapper | OpenSCManager failed - 拒绝访问。 (0x5)解决

    在windows上安装mycat执行命令时, D:\develop\Mycat\bin>mycat.bat install 返回wrapper | OpenSCManager failed - ...

  5. httpSession和Cookie

    1.session在何时被创建一个常见的误解是以为session在有客户端访问时就被创建,然而事实是直到某server端程序调用 HttpServletRequest.getSession(true) ...

  6. vue.js 实战 todo list

    vue.js 起源 vue.js 的作者是尤雨溪,是一名中国人,之前在谷歌工作,现在在全职维护 vue 项目. vue.js 是 2014 年推出来的.现在已经更新到 2.x 版本,3.0 版本会在 ...

  7. 【实战】 elasticsearch 写入速度提升的案例分享

    文章首发投稿至InfoQ,[侠梦的开发笔记]公众号,欢迎关注 https://www.infoq.cn/article/t7b52mbzxqkwrrdpVqD2 基本配置 基本配置,5台配置为 24C ...

  8. java第1天:简介，入门程序，变量，常量

    1 java语言简介 美国的SUN公司开发的静态面向对象的编程语言,后来被甲骨文公司收购,现在也是全球范围内最受欢迎的编程语言. *** 2 计算机进制的相互转换 进制 英文代号 2进制 bin 8进 ...

  9. Android Studio 优秀插件： Parcelable Code Generator

    这里假设我们已经会使用 Parcelable 序列化一个对象了~~ 那么大家会发现 Parcelable 使用起来有些复杂,因为我们要自己复写 几个方法,而且当类的属性比较多的时候,我们就会难受了,又 ...

  10. @DateTimeFormat注解

    @DateTimeFormat在spring-context依赖下,所在包如下 当form表单中出现时间字段需要跟pojo对象中的成员变量进行数据绑定时,springmvc框架中的时间数据无法自动绑定 ...