if-else条件判断语句是学任何一门编程语言都必须熟悉掌握的基础语句,下面以js为例,为大家讲解一下该语句的用法

效果图:

代码:

<!DOCTYPE html>
<html>
<body>
<input type="text"/ id="num">
<input type="button" value="检查" οnclick="check()"/>
<p>如果输入的数x<60,则显示"<span style="color:red">不及格</span>";</p>
<p>如果输入的数60<=x<70,则显示"<span style="color:red">及格</span>";</p>
<p>如果输入的数70<=x<80,则显示"<span style="color:red">优良</span>";</p>
<p>如果输入的数80<=x<=100,则显示"<span style="color:red">优秀</span>";</p>
<script>
function check(){
var x=document.getElementById("num").value;//获取文本框的值,赋值给x
  if(x>=0&&x<=100) {//注意该条件不能写成0<=x<=100,&&是代表“和”的意思
      if (x>=80) {
              alert("优秀");
            }
      else if(x>=70) {
                alert("优良");
              }
      else if(x>=60) {
                alert("及格");     //下面把每个else对应的if用相同的颜色标记出来了
              }
      else {
                alert("不及格");
              }
}
 else {
        alert("请输入0~100的阿拉伯数字");
}   
}
</script>
</body>
</html>

经验总结:    else 总是与其前面最近的尚未配对的if结合

关于if-else配对的就近原则问题(适合初学者)相关推荐

  1. css就近原则_「Web前端开发进阶篇」CSS优先级

    所谓CSS优先级,即是指CSS样式在浏览器中被解析的先后顺序.既然样式有优先级,那么就会有一个规则来约定这个优先级,而这个"规则"就是重点. [引言] 讲解完这篇CSS优先级的文章 ...

  2. css就近原则_细品100道CSS知识点(上)「干货满满」

    作者:hh_phoebe 转发链接:https://juejin.im/post/5ee0cf335188254ec9505381 目录 细品100道CSS知识点(上)[干货满满]本篇 细品100道C ...

  3. css就近原则_CSS常用总结 - div-import-border - ItBoth

    [HTML CSS + DIV实现整体布局1.技术目标:开发符合W3C标准的Web页面理解盒子模型实现DIV+CSS整体布局2.什么是W3C标准?    W3C:World Wide Web Cons ...

  4. css就近原则_CSS 三大特性

    CSS 三大特性 CSS的三个特性是指层叠性.继承性以及优先级. 一.CSS层叠性 说明 层叠性是多种CSS样式的叠加,是浏览器处理样式冲突的方式.在HTML中对于同一个元素可以有多个CSS样式存在, ...

  5. css就近原则_CSS的引入方式和优先级

    1.CSS的引入方式 CSS一共有四种引入方式,内联样式.内部样式表.外部样式表和@import引入. 1.1 内联样式 使用style属性引入样式. 123 缺点:HTML页面不纯净,文件体积大,不 ...

  6. java中的就近原则、方法中值传递和引用传递的区别、什么是构造方法、this关键字用法、什么是封装

    你知道java中的就近原则嘛? package com.Test.java; /*** * 在java里面有一个"就近原则"详情可以参照下面代码**/public class Ac ...

  7. java的就近原则啥意思_java就近原则浅析

    先看下面的例子 public class Test6就近原则 { public static void main(String[] args) { A a = new A(); B b = new B ...

  8. 面向对象、封装、就近原则及this关键字

    面向:拿.找: 对象:能干活的东西: 面向对象编程:拿东西过来做对应的事: 即,分别找对应的"对象"完成对应的"事件".因此学习内容包括: ①学习各种已存在的对 ...

  9. java多态里面的就近原则

    直接上题: 题目补充: class A {int m; //-10int getM() {return m;}int seeM() {return m;} } class B extends A {i ...

最新文章

  1. Android中文输入的新选择——搜狗拼音输入法
  2. 网络回溯分析技术八大应用之运维评估 网络运维的真正价值
  3. Tensorflow实例:(卷积神经网络)LeNet-5模型
  4. CommonJS规范(转)
  5. linux+离线+搜狗,Ubuntu离线安装Sogou拼音(附老版本安装)
  6. python无向加权图_图:无向图(Graph)基本方法及Dijkstra算法的实现 [Python]
  7. python中有哪些赋值_python中的赋值,什么时候是传值什么时候是传址?
  8. Jquery 实现原理之 Ajax
  9. Java 之单元测试
  10. 诺基亚N9—刷机教程
  11. uhs3内存卡有哪些_三分钟教你看懂存储卡标识
  12. 小牛M+怎么样 看过你才知道
  13. 适合开发者使用的6款浏览器,开发者工具很实用
  14. 用WinRAR分割文件
  15. R语言柯西概率分布(cauchy distribution)函数(dcauchy, pcauchy, qcauchy rcauchy)实战
  16. 代理是如何实现IP伪装的呢?
  17. 常见RISC-V介绍
  18. 2021巨量千川营销通案
  19. USB摄像机方案汇总分析,好东西都不为人知。
  20. TortoiseSVN 设置中文语言包

热门文章

  1. RGB和HSV区别与互相转换
  2. 【Pandas】Pandas数据分析题
  3. “保姆级”车载CAN总线教程(一)-堪称全网“最细”系列
  4. Nervos DeFi 新知第一期:让 DeFi 飞入寻常百姓家
  5. 看山是山(又名《我仍是少年》)
  6. 纪念胡新宇君(转载)
  7. 【pycharm】pycharm配置caffe路径pycaffe环境变量。ImportError: dynamic module does not define module export
  8. 从0到1实现一个Android路由(6)——拦截请求再跳转
  9. 深入浅出CChart 每日一课——快乐高四第五十六课 絮絮叨叨,岁月杀猪刀之FAQ
  10. PYTHON学习路径计划图整理