HTMLday5

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>

<script>
// 判断
// 三元表达式
// 循环

// 判断: 用的最多的就是if判断
// 1.
// if(条件){
// 当条件满足以后执行的语句
// }

// 2.
// if(条件){
//
// }else{
// 当上面的条件不满足的时候,就走底下
// }

// 3.多重条件判断
// if(条件){
//
// }else if(条件){
//
// }else if(条件){
//
// }else{
//
// }

// 一组if判断,只能有一个if,elseif可以有0个或者多个
// else只能有0个或者1个

var a = true;
if(a){ //这个条件到最后全都会被转换成boolean
console.log("hello");
}else{
console.log("world");
}

// 一组if判断,当前面的条件满足以后,后面的都不会去执行

// 用户输入学生考试成绩
// 判断用户输入的是否是数字,如果是数字,继续判断,
// 成绩大于等于90,控制台输出优秀
// 成绩大于等于80并且小于90,控制台输出良好
// 成绩大于等于70并且小于80,控制台输出中等
// 成绩大于等于60并且小于70,控制台输出及格
// 成绩小于60.控制台输出垃圾

// 如果不是数字,控制台输出请输入正确的成绩

</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户成绩并判断</title>
</head>
<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>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
// if判断中条件的限制
if("undefined"){ //条件全部会转换成boolean
console.log("nengshuchu")
}

// 1.跟NAN做比较的时候
// 2.数字类型 0 转换成false.非0转换成true
// 数学运算
// false转换成0
// true转换成1
// 0转换成false,非0转换成true是什么意思?
// 3.空的字符串转换成false,非空转换成true
// 4.引用类型的全部转换成true
// 5.在if判断的条件中不要写小数的加减（重点重点）

// 在if判断中
// 0,false,空串,undefined,null转换成false.其他的全部转换成true

// typeof() 检测数据类型的方法，需要检测的类型放在参数
// 返回的值: string number function object undefind boolean

// var a = 10;
// var b = "hello world";
// var c = [];
// var d = {};
// function e(){};
// var f = null;
// var g;
// console.log(typeof(g))
// if(undefined){
// console.log("这个能输出吗？")
// }
// 0.1+0.2 = 0.3
console.log(0.1+0.2); //在任何一门高级语言中，这个叫高精度数
if(0.1+0.2 == 0.3){
console.log("Nice！！！")
}
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>三元表达式</title>
</head>
<body>
<script>
// 三元表达式
// 三目运算
// 三元运算

// 简单点理解就是if的简化版
// 语法
// 表达式1?表示式2:表达式3;
// 条件(boolean)
// true的时候走表达式2
// false的时候走表达式3
// var a = 100;
// a == 100?console.log("你好"):console.log("不好");

// 接收用户输入的工资
// 1.如果工资大于等于20000 输出"土豪"
// 2.如果工资大于等于8000小于20000,输出"一般"
// 3.如果工资小于8000,输出"屌丝"
// 用三元表达式完成,不能使用if
var a=prompt("请输入你的工资:");
a>=20000?alert("土豪"):a>=8000?alert("一般"):alert("屌丝");
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>循环</title>
<style type="text/css">
.color_red{
color: red;
}
</style>
</head>
<body>

<h1 class="color_red">aksjdfhlsjkdf</h1>

<script type="text/javascript">
// 控制台输出
// console.log();
// 警告框输出
// alert()
// 页面输出
// 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){
// 循环的语句
// }
// a++
// a = a + 1
// for(var a = 0;a < 5;a++){ //++自己增加1
// console.log("hello")
// }
// 1. var a = 0;<b>满足 < 5</b>;a+1 --> 执行循环里面的语句
// 2. a = 1;满足 < 5 ;a+1 --> 执行循环里面的语句
// 3. a = 2;满足 < 5 ;a+1 --> 执行循环里面的语句
// 4. a = 3;满足 < 5 ;a+1 --> 执行循环里面的语句
// 5. a = 4;满足 < 5 ;a+1 --> 执行循环里面的语句
// 6. a = 5;不满足<5 循环就已经结束了

// 从1+100
// 1+2+3+4+....+99+100;
var num = 0;
for(var i = 1;i <= 100;i++){
console.log(i);
num = num + i;
}
console.log(num);
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>

<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++){
// console.log(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>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
// 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);
}
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>函数</title>
</head>
<body>
<script>
// 函数: 封装代码,是一系列代码的集合
// 函数名: 命名规则和变量的命名规则一样
// 参数:形参(形式上的参数),参数的类型可以不限,个数可以不限
// 函数体: 当函数被调用的时候所执行的代码
// return：返回值，如果没有写，则返回undefined
// function 函数名(参数1,参数2...){
//// 函数体
//
// return 函数的返回值
// }

function fun(){
return true
}
console.log(fun()) //输出函数的执行就是输出函数的返回值
// 控制台没有东西?因为函数还没有开始调用

// 函数如何调用?
// console.log(fun) fun就表示这一个函数
// () 执行符号执行的就是函数

// 内置函数
// isNaN() 返回一个boolean
// typeof()
// parseInt()
// parseFloat()
// alert()
// eval()
// ...
</script>
</body>
</html>