js2
一.if函数
题目:用户输入学生考试成绩,判断用户输入的是否是数字,如果是数字,继续判断,成绩大于等于90,控制台输出优秀,成绩大于等于80并且小于90,控制台输出良好,成绩大于等于70并且小于80,控制台输出中等,成绩大于等于60并且小于70,控制台输出及格,成绩小于60.控制台输出垃圾,如果不是数字,控制台输出请输入正确的成绩
<body>
<script>
var score = prompt("请输入学生成绩",100);
//判断是否是数字
//isNaN() //如果是数字,就返回false,不是就返回true
var flag = isNaN(score); //
if(flag){
alert("不是正确的成绩")
}else{
//console.log("是数字")
if(score >= 90 && score <= 100){
alert("优秀")
}else if(score >= 80 && score < 90){
alert("良好")
}else if(score >= 70 && score < 80){
alert("中等")
}else if(score >= 60 && score < 70){
alert("及格")
}else if(score >= 0 && score < 60){
alert("垃圾")
}else{
alert("你家成绩有负数???")
}
}
</script>
</body>
</html>
if判断中条件的限制
if("undefined"){ //条件全部会转换成boolean
console.log("nengshuchu")
}
1.跟NAN做比较的时候
2.数字类型 0 转换成false.非0转换成true
数学运算
false转换成0 true转换成1
3.空的字符串转换成false,非空转换成true
4.引用类型的全部转换成true
5.在if判断的条件中不要写小数的加减(重点重点)
在if判断中0,false,空串,undefined,null转换成false.其他的全部转换成true
二.typeof() 检测数据类型的方法,需要检测的类型放在参数
返回的值: string number function object undefind boolean
三.三元表达式
三目运算
三元运算 简单点理解就是if的简化版
语法 表达式1?表示式2:表达式3;
条件(boolean) true的时候走表达式2
false的时候走表达式3 var a = 100;
a == 100?console.log("你好"):console.log("不好");
例子:<script>
var a=prompt("请输入你的工资:");
a>=20000?alert("土豪"):a>=8000?alert("一般"):alert("屌丝");
</script>
四.页面输出
document.write(); //在文档中写入一段内容,这个内容是一个字符串的格式
document.write("hello");
//还可以输出一段html代码,这个html代码可以被浏览器解析
document.write('<h1 class="color_red">aksjdfhlsjkdf</h1>'); //引号的嵌套问题
五.循环
循环: 在条件范围内.重复去执行某一段代码
for,for in,foreach,forof,while,dowhile
for(条件1;条件2;条件3){ 循环的语句 }
例子:从1加到100
<script>
var num = 0;
for(var i = 1;i <= 100;i++){
console.log(i);
num = num + i;
}
console.log(num);
</script>
js一般写在最下面的位置
六.字符串拼接
例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--在页面中输出h1-h6的标题标签-->
<h1>这个是h1标签</h1>
<h2>这个是h2标签</h2>
<h3>这个是h3标签</h3>
<h4>这个是h4标签</h4>
<h5>这个是h5标签</h5>
<h6>这个是h6标签</h6>
<div style="font-size: 1px;">这个里面的文本是1px的</div>
<div>这个里面的文本是50px的</div>
<script>
for(var i = 1;i <= 6;i++){
document.write("<h" + i + ">这个是h" + i +"标签</h"+ i +">");
}
for(var a = 1;a <= 50;a++){
document.write('<div style="font-size:' + a +'px;">这个里面的文本是'+a+'px的</div>')
}
</script>
</body>
</html>
七.循环
break; 退出循环
continue; 跳出本次循环
for(var i = 0;i < 10;i++){
console.log(i);
if(i == 5){ //当条件满足的时候。
break; //只要碰到了,循环就直接结束了
for(var i = 0;i < 10;i++){
if(i == 5){
continue; //跳出本次循环
}
console.log(i);
}
八.函数
函数: 封装代码,是一系列代码的集合
函数名: 命名规则和变量的命名规则一样
参数:形参(形式上的参数),参数的类型可以不限,个数可以不限
函数体: 当函数被调用的时候所执行的代码
return: 返回值,如果没有写,则返回undefined
function 函数名(参数1,参数2...){
函数体
return 函数的返回值
function fun(){
return true
}
console.log(fun()) //输出函数的执行就是输出函数的返回值
//控制台没有东西?因为函数还没有开始调用
函数如何调用?
console.log(fun) fun就表示这一个函数
() 执行符号 执行的就是函数
调用为fun()