js基础2 if练习/

木一叶liuyue

已于 2022-03-31 21:25:43 修改

阅读量336

点赞数

分类专栏：前段文章标签： js

于 2022-03-20 16:44:45 首次发布

本文链接：https://blog.csdn.net/kerryliuyue/article/details/123616078

版权

前段专栏收录该内容

47 篇文章 0 订阅

订阅专栏

if练习1

prompt()函数返回的是一个字符串

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js if练习</title>

    <script type="text/javascript">
        /* 从键盘中输入成绩，并且对分数进行一系列的操作 */

        /*prompt()可以弹出一个提示框，这个提示框会带着一个文本框，
        用户在文本框中输入一段内容，改函数需要一个字符串作为参数
        该字符串将会作为提示框的提示文字
        用户输入的内容将会作为函数的返回值返回，可以定义一个变量来接受该内容*/

        var score = prompt("请输入小明的期末成绩:");
        //判断值是否合法
        if (score > 100 || score < 0 || isNaN(score))
          {  alert("你输入的数据无效");}
        else {

            if (score == 100)
                alert("奖励一辆宝马");
            else if (score >= 90)
                alert("奖励一部苹果手机");
            else if (score >= 80)
                alert("奖励一本习题册");
            else
                alert("你没有任何奖励");
        }
    </script>

</head>

<body>

</body>

</html>

isNaN() 函数可确定值是否为非数字（Not-a-Number）。

如果该值等于 NaN，则此函数返回 true。否则返回 false。

此函数不同于 Number 特定的 Number.isNaN() 方法。

全局 isNaN() 函数将测试值转换为数字，然后对其进行测试。

Number.isNaN() 不会将值转换为数字，并且不会为任何非数字类型的值返回 true。



isNaN(123) //false
isNaN(-1.23) //false
isNaN(5-2) //false
isNaN(0) //false
isNaN('123') //false
isNaN('Hello') //true
isNaN('2005/12/12') //true
isNaN('') //false
isNaN(true) //false
isNaN(undefined) //true
isNaN('NaN') //true
isNaN(NaN) //true
isNaN(0 / 0) //true
isNaN(null) //false

if练习2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
<script type="text/javascript">
var height=prompt("请输入你的身高");
var money=prompt("请输入你的财富");
var face=prompt("请输入你的颜值");
alert(height+","+money+","+face+",");

if(height>180 && money>1000 &&face>500)
{
    alert("我一定要嫁给他！");

}
else if(height>180 || money>1000 ||face>500){
    alert("嫁吧！比上不足比下有余");
}
else{
    alert("不嫁");
}
</script>

</head>
<body>
    
</body>
</html>

prompt函数前面加+
在这里插入图片描述

获取元素节点的子节点


childNodes：属性，表示当前节点的所有子节点（包括空格）
   children不包括空格
firstChild：属性，表示当前节点的第一个子节点（包括空格）
firstElementChild不包括空格
lastChild：属性，表示当前节点的最后一个子节点

innerText 可以获取元素内部的文本内部，并且会自动将html标签去除，
innerhtml类似，但是不会将html标签去除，

parentNode：属性，表示当前节点的父节点
previousSibling：属性，表示当前节点的前一个兄弟节点
previousElementSibling不会获取空白文本

nextSibling：属性，表示当前节点的后一个兄弟节点
nextElementSibling不会获取空白文本 空格 换行

木一叶liuyue

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js基础2 if练习/

if练习1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
复制链接

扫一扫

专栏目录