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不会获取空白文本 空格 换行