<!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. 问题：程序编译通过，但是执行时报错：coredump

    问题描述: 在一个客户现场搭建环境时,遇到了一个棘手的问题,C代码编译通过后,无法正常运行,启动会出现“coredump”错误. 运行环境为新搭建的AIX6.1,数据库为Oracle11.2.0.2. ...

  2. shell判断文件目录或文件是否存在

    1.文件描述符 -e 判断对象是否存在 -d 判断对象是否存在,并且为目录 -f 判断对象是否存在,并且为常规文件 -L 判断对象是否存在,并且为符号链接 -h 判断对象是否存在,并且为软链接 -s ...

  3. Jedis 常用API使用

    使用Jedis操作Redis常用的API <!-- https://mvnrepository.com/artifact/redis.clients/jedis --> <depen ...

  4. 在创建activiti5..22所需的25张表时 ，所用的方法和遇到的问题。

    最近在学习关于activiti流程设计的相关内容,首先第一步就需要了解25张activiti相关的表,具体的每张表的含义 请自行百度. 这里讲一下 用java代码生成所需要的25张表,很简单: pub ...

  5. 数据库系统概论——SQL

    [toc] 一.SQL查询语言概览 视图 从一个或几个基本表导出的表 数据库中只存放视图的定义而不存放视图对应的数据 视图是一个虚表 用户可以在视图上再定义视图 基本表 本身独立存在的表 SQL中一个 ...

  6. MongoDB 学习笔记之 匹配完整数组

    匹配完整数组: 创建一个集合(包含数组) db.ArrayTest.insert({name: "Sky" , address: [{"street" : &q ...

  7. SpringBoot 整合 MyBatis-Plus 入门体验

    一.前言 本文小编将基于 SpringBoot 整合 MyBatis-Plus , MyBatis-Plus 是一个 MyBatis 的增强工具,在 MyBatis 的基础上做增强并且不改变原本功能 ...

  8. Ansible Roles角色

    Roles小技巧: 1.创建roles目录结构,手动或使用ansible-galaxy init test roles 2.编写roles的功能,也就是tasks. nginx rsyncd memc ...

  9. spring-boot-plus XSS跨站脚本攻击处理

    XSS跨站脚本攻击处理 XSS:Cross Site Scripting 跨站脚本攻击(XSS),是目前最普遍的Web应用安全漏洞.这类漏洞能够使得攻击者嵌入恶意脚本代码到正常用户会访问到的页面中,当 ...

  10. vue使用vant-ui实现上拉加载、下拉刷新和返回顶部

    vue使用vant-ui实现上拉加载.下拉刷新和返回顶部 vue现在在移动端常用的ui库有vant-ui和mint-ui,上拉加载.下拉刷新和返回顶部也是移动端最基础最常见的功能.下面就用vant-u ...