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. Cocos Studio的动画系统介绍
  2. 《Asp.Net 2.0 揭秘》读书笔记(五)
  3. numpy输出到屏幕时有逗号和没逗号的原因
  4. Incorrect string value: '\xF0\x90\x8D\x83...' for column 通用解决方案
  5. 学什么c语言标准,C语言的标准 “输入输出”!今天是你学C语言的第几天?
  6. 潘多拉_最新Pandora潘多拉美国官网海淘攻略
  7. 【POJ 1269】判断两直线相交
  8. HDU 4707 Pet 邻接表实现
  9. 最新《北风网Python零基础人工智能就业教程》
  10. 掘金小册:Git 原理详解和实用指南
  11. C++ stl库 手写 源码分析
  12. 计算机做无线AP共享文件,Windows 7妙用 笔记本变无线AP轻松共享
  13. 【Uplift】特征选择篇
  14. 想起某个人,想到某些事
  15. 字符乱码出现的原因及解决办法
  16. UltraEdit+Masm--打造自己的汇编IDE
  17. cocos2dx项目显示窗口大小调整
  18. javascript通过组合实现继承
  19. 【博学谷学习记录】超强总结,用心分享|HiveSQL面试题实战(二)|详细的步骤解析
  20. 写今目标自动签退的记录

热门文章

  1. WEBBASIC Unit03 CSS声明
  2. 用DOSBox0.74进行汇编代码的运行
  3. 1086 就不告诉你
  4. 学生如何免费申请使用idea
  5. JQuery 09 DOM编程之用户注册页面实现案例
  6. About feof()
  7. Real-ESRGAN超分辨网络
  8. 低温烹饪过程中真空压力的自动控制
  9. JZ·7.10.2019
  10. Java程序员玩转数据库的CRUD