17-条件语句

monkeyhlj

于 2020-03-24 15:56:29 发布

阅读量199

点赞数

CC 4.0 BY-SA版权

分类专栏： # JS基础

本文链接：https://blog.youkuaiyun.com/hhhmonkey/article/details/105073893

JS基础专栏收录该内容

28 篇文章

订阅专栏

本文详细解析了条件语句在JavaScript中的使用，包括基本的if...else语句及多个条件的判断逻辑。通过一个具体案例，展示了如何在输入框中使用条件语句进行实时的数据有效性检查，提供即时反馈。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

17-条件语句

//语法
    // if(条件){  //true   1=='1'
    //     //当条件为true时，执行的代码
    // }else {
    //     //当条件为false时，执行的代码
    // };
    // //多个条件
    // if(条件1){  //true   1=='1'
    //     //当条件1为true时，执行的代码
    // }else if(条件2){
    //     //当条件2为true时，执行的代码
    // }else if(条件3){
    //     //当条件3为true时，执行的代码
    // }else {
    //     //当条件1与条件2与条件3都不为true时，执行的代码
    // };

 	function $(name){
        return document.getElementsByTagName(name)
    };
    var _input = $("input")[0],   //输入框
        _span = $("span")[0];   //提示信息
    //成为焦点
    _input.onfocus = function(){
        _span.style.display = 'none';
    };
    //表格只要发生变化触发
    _input.oninput = function(){
        var value = this.value;  //获取输入内容
        if(!value){
            _span.innerText = '输入的信息为空';
        }else if(value<10){
            _span.innerText = '输入的信息小于10';
        }else if(value>10&& value<100){
            _span.innerText = '输入的信息小于100大于10 ';
        }else {
            _span.innerText = '输入的信息大于100 ';
        };
        _span.style.display = 'inline';
    }