<!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. （6）autotools工具的使用

       autotools是专门用来生成Makefile的一系列工具,包括autoscan.aclocal.autoheader.autoconf.automake等.     (1)autotools ...

  2. 关于json字符串与实体之间的严格验证

    在一个项目中要求严格验证传入的json字符串与定义的 类匹配,否则不记录.感觉这个严格验证找了好多资料才找到,可能用的人比较少,特摘出来给大家分析,直接上代码了:   using Newtonsoft ...

  3. Spring 梳理-bean作用域

    Spring定义了多种域 单例(Singleton):在整个应用中,只有一个实例 原型(Prototype):每次注入或者通过Spring应用上线文获取时,都创建一个bean实例 会话(Session ...

  4. 部份css样式详解(附实际应用)

    本文的所有实例均基于博客园的页面定制. 所有表格内容来自W3CSchool. 页面背景(background) 博客开通之后,很多人最先做的事情一定是改页面的背景,换成一张图片或者换上一个自己喜欢的颜 ...

  5. 使用maven开发javaweb项目

    想重新学习一下java web的知识,之前也学习过一些但是也没有用在开发中所以也忘的七七八八了,因为从事Android开发免不了要与服务器打交道,有时候想自己写一个小DEMO需要服务器的时候感觉真是很 ...

  6. Enum枚举的使用实现

    业务中涉及到的状态字段或者简单的选择项的使用. 例如: 1.定义enum枚举类. package com.yjl.enums; import java.util.Objects; public enu ...

  7. KD-tree学习笔记（超全！）

    目录 K-D树 更新信息 建树 插入 查询 k远/近询问 重构 K-D 树优化建边 后记 因为之前找不到全的博客,唯一的一篇码风比较毒瘤... 所以我就来写了 K-D树 大概是高维二叉树吧 每次按一个 ...

  8. 基于C#的机器学习--机器学习建模的基础

    构建ML模型的步骤 现在我们已经看了解到了一些ML应用程序的例子,问题是,我们如何构建这样的ML应用程序和系统? 下图总结了我们使用ML开发应用程序的方法,我们将在下面更详细地讨论这个问题: 如上图所 ...

  9. jQuery鼠标滑过横向时间轴效果

    jQuery鼠标滑过横向时间轴效果---效果图: jQuery鼠标滑过横向时间轴效果---全部代码: <!DOCTYPE html> <html> <head> & ...

  10. touch，stat

    touch(选项)(参数) 一是可以用来创建空文件,二是用来改变文件的元属性-a:修改文件的访问时间为当前时间-m:修改文件的改变时间为当前时间-r:把文件的属性修改成和某些文件一样的时间-t:修改成 ...