js循环和调用

2019-03-18 21:39:24 阅读：174 来源： 互联网

标签：调用 console js write else 循环 choose var document

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

标签：调用,console,js,write,else,循环,choose,var,document
来源： https://www.cnblogs.com/wwthuanyu/p/10555172.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

js循环和调用