首页 > 其他分享 >JS基础知识总结(2)

JS基础知识总结(2)

时间:2024-07-16 23:42:27浏览次数:14  
标签:总结 控件 BMI 基础知识 switch && 他会 JS 我们

一、我们的HTML控件里面原本没有id,也不想去添加id,如何选择它呢?

我们可以使用

  var x=document.getElementsByTagName("input");
  var height=x[0].value;

这条语句,括号里面的是我们控件的名称。他会选择我们所有的input控件,我们想要什么值,就直接从里头选就是了。

这里需要指出的是:height我们使用typedef他会显示为string。

2、如果我们的switch语句中,case的值需要进行判断,我们写法可以参考如下:

        function tiShi(BMI){
            switch(true){
                case BMI<18.5:
                    alert("您是偏瘦体型,可以适当增肥咯"); 
                    break;
                case BMI>=18.5&&BMI<25:
                    alert("您是标准体型,保持的不错哟");
                    break;
                case BMI>=25&&BMI<28:
                    alert("您是微胖体型,可以多吃粗粮,让饮食结构更加健康吧!您是过重体型,已经影响健康了,需要重视自己的饮食管理了");
                    break;
                case BMI>=28&&BMI<32:BMI:
                    alert("您是肥胖体型,管住嘴迈开腿开始减肥吧!您是过重体型,已经影响健康了,需要重视自己的饮食管理了");
                    break;
                case BMI>32:
                    alert("您是肥胖体型,管住嘴迈开腿开始减肥吧!您是过重体型,已经影响健康了,需要重视自己的饮食管理了");
                    break;
            }
        }

即,switch(true);

三、还是上面第一点,我们可能需要对得到的内容进行编辑,此时我们进行乘除是没问题的,如果我们进行加减的话,需要*1.

这里提一嘴:isNaN() 函数用来确定一个值是否为 NaN,若有必要,则首先将值转换为数字。这个可以很方便地用来检测我们输入的值是否是数字,是的话,可以直接进行转换了。

 

标签:总结,控件,BMI,基础知识,switch,&&,他会,JS,我们
From: https://www.cnblogs.com/TomHard/p/18306343

相关文章

  • 最短路算法(总结性,无Dij)
    Floyd利用中介点k进行操作记f[x][y]为xy点之间的最短路径长度其中f[x][y]=min(f[x][y],f[x][k]+f[k][y]);即用k进行松弛操作其中f[x][y]的取值当xy有直接连边时:f[x][y]=w(x,y)当无直接连边时:f[x][y]=+∞当x=y时:f[x][y]=0实现:for(k=1;k<=n;k++){for......
  • 在存储过程输入输出参数中使用json
    SqlServer从2016开始支持json操作,JSON支持适用于SqlServer2016及以上版本和AzureSQLDatabase。sqlserver文档参考这里。有了这个json支持,默认过程只传入一个json字符串参数就可以了,方便很多。我们可以在内部做很多事情。甚至可以校验参数,鉴权或将结果集封装为标准的......
  • JS实现复制粘贴图片
    最近在开发公司的可视化编辑器应用,同事们提了一个需求,即可以直接复制图片到编辑器中粘贴,生成对应的图片组件.因为传统的点击上传太麻烦,得先把图片保存到本地,然后再回到编辑器点击上传,选择图片.流程太长了,如果可以直接复制粘贴图片,速度会更快,体验也更好一些.......
  • STM32通讯方式总结
    STM32通讯方式总结1.SPI通信(SerialPeripheralinterface,串行外围设备接口)是一种高速的,全双工,同步的串行通信总线功能:SPI接口主要应用于EEPROM,FLASH,各种传感器,AD转换器等W25Q32(芯片)是一种使用SPI通讯协议的NORFLASH存储器——案例:SPI外设读写Flash2.串口通信——通信......
  • 实时时钟、弱函数、json
    一、实时时钟时间戳(实时的时间【单位:s】):​ 使用"time.h"文件:​ mktime()——得到一个时间戳​ localtime() ——得到一个当前时间的结构体(包含:年-月-日时:分:秒)eg:time_ttimestamp=mktime(&utc_time);//得到一个时间戳(单位为秒)structtm*beijing_time=lo......
  • 前端面试必修--面试八股文(根据本人面试经验总结,持续更新)
    前端八股目录前端铜九铁十面试必备八股文——HTML&CSS-掘金(juejin.cn)webpack和vite之间的区别优点:缺点:1、前端工程化解决的问题1.为什么需要前端工程化?2.前端工程化流程常见请求头前端用户验证方案HTTP基本认证Session-Cookie认证Token认证JWT认证单点登录L......
  • js需要同时发起百条接口请求怎么办?--通过Promise实现分批处理接口请求
    如何通过Promise实现百条接口请求?实际项目中遇到需要发起上百条Promise接口请求怎么办?前言不知你项目中有没有遇到过这样的情况,反正我的实际工作项目中真的遇到了这种玩意,一个接口获取一份列表,列表中的每一项都有一个属性需要通过另一个请求来逐一赋值,然后就有了这份封装真......
  • Java SE 总结
    目录1初始Java2数据类型与变量3运算符4程序逻辑控制5方法的使用6数组的定义与使用7 Java类和对象8继承和多态9抽象类和接口10Java中String类11Java异常1初始JavaJDK,JRE,JVMJava代码书写注释标识符关键字标识符:在程序中由用户给类名......
  • Nuxt.js头部魔法:轻松自定义页面元信息,提升用户体验
    扫描二维码关注或者微信搜一搜:编程智域前端至全栈交流与成长useHead 函数概述useHead是一个用于在Nuxt应用中自定义页面头部属性的函数。它由Unhead库提供支持,允许开发者以编程和响应式的方式设置每个页面的头部信息。useHead 函数类型useHead(meta:MaybeComputedRef<......
  • python 基础知识点(一)
    1.Python可以将一条长语句分成多行显示的续行符号是 \2.缩进可以用tab键实现,也可以用多个空格实现3.在Python中,使用缩进对齐来标记语句块4.在Python中,使用缩进对齐来体现代码之间的逻辑关系。5.严格的缩进可以约束程序结构,可以多层缩进6.Python中......