js循环和调用

<!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>

 

posted @ 2019-03-18 21:30  就这样子吧  阅读(2088)  评论(0编辑  收藏  举报