js(1-25)
4 hello
弹窗
<script>
alert("hello")
</script>
双斜杠注释
网页内
<script>
document.write("hello")
</script>
控制台
<script>
console.log("hello")
</script>
5 js书写位置
行内式
双引号内用单引号
<body>
<div onclick="alert('hello');">
点
div>
body>
内嵌式
添加
可以放在head也可放在body（最好在body最后）
外链式
引入
<script src="路径">
script>
引入后，原script内写的内容无效
06 js注释与书写方式
///* 内容*/- 加不加分号不影响
一行内，若写多句，句间要加分号；，否则会报错
要不就换行写
07 js变量
直接初始化
<script>
var x=100;
var y=x+300;
document.write(y);
</script>
先定义后赋值
<script>
var x;
x=100;
var y=x+300;
document.write(y);
</script>
多个变量、表达式之间用逗号表示
若给y加上双引号，则输出y,而不是400
08变量命名的规则与规范
09数据类型
number：
除了以上包括浮点型（小数,，科学计数法)
输入的值最后都会输出为十进制
前缀：二进制0b,八进制0，十六进制0x
string
- 双引号内是什么就输出什么
boolean
取值
- false
- true
undefined
变量声明了，但是未赋值
也可直接写为var a=undefined;
null
为未来赋值做准备 var a =null
想赋值了直接写a=某值
10 检测数据类型typeof
<script>
var a=1e3
document.write(a)
document.write(typeof a)
script>
<script>
var a="1e3"
document.write(a)
document.write(typeof a)
script>
其结果本质就是字符串
<script>
var a=1e3
document.write(typeof typeof a)
script>
<script>
var a=1e3
document.write(a)
document.write(typeof a+100)
document.write(typeof （a+100）)
var b=null
document.write(b)
script>
数据类型转换
11转数值
NaN也为数值类型
<script>
var a=true,c=false
var b=Number(a)
var d=Number(c)
document.write(a,typeof a,b,typeof b,d,typeof d)
script>
<script>
var a=null,b=undefined
var c=Number(a)
var d=Number(b)
document.write(c,d)
script>
<script>
var a="123bcd"
var c=parseInt(a)
document.write(c)
script>
注意：严格大小写parseInt
运算法改为数值类型
通过*1；/1；-0
<script>
var a=123
var c=a-0
document.write(c,typeof c)
script>
12转字符串
<script>
var a=123
var b=undefined
var c=null
var d=String(a)
var e=String(b)
var f=String(c)
document.write(typeof(d,e,f))
script>
<script>
var a=123
var b=a+"1"
document.write(b)
script>
13转布尔boolean
若双引号内有空格，则值为true
运算符
13数学运算符
<script>
document.write(1+"2"*3+4)
document.write("1"+"2"*3+4)
script>
1+6+4
“1”“6”4拼接
15赋值运算符
16比较运算符
17 逻辑运算符
！！表示转换为布尔值
短路
18自增自减运算符
var n=10
var m=++n + n++ + ++n
输出结果为m为35，n为13
19三目运算符
条件分支语句
20 if
21if案例
判断奇数偶数
var n=10;
if(n%2){
document.write("奇数");
}
else{
document.write("偶数");
}
输出结果为 偶数
根据0-100的数字输出成绩
var n
n=某值
if(n>=90&&n<=100){
document.write("A")
}
else if(n>=80&&n<90){
document.write("B")
}
else if(n>=70&&n<80){
document.write("C")
}
else if(n>=60&&n<70){
document.write("D")
}
else if(n>=0&&n<60){
document.write("E")
}
判断闰年
&&的优先级必||高
<script>
var n
if(n%400==0||(n%4==0&&n%100!=0)){
document.write("闰年")
}
else{
document.write("不是闰年")
}
</script>
22 switch
注意
break必需写
默认为===,数据类型和值都要一样
23switch案例
<script>
var n=9
switch (n) {
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
document.write("31天")
break;
case 2:
document.write("28天")
break;
case 4:
case 6:
case 9:
case 11:
document.write("30天")
break;
}
</script>
法二
注意
n=96
m=n/10=9.6
<script>
var n=96;
var m=parseInt(n/10);
switch (m){
case 9:
case 10:
document.write("A")
break;
case 8:
document.write("B")
break;
case 7:
document.write("C")
break;
case 6:
document.write("D")
break;
default:
document.write("E")
break;
}
</script>
循环分支语句
24while
注意自身改变！！！！！！！！！！！！！！！否则死循环！！！
操作台一步步执行
25while案例
<script>
var sum=0
var n=1
while(n<=100){
sum=n+sum
n++
}
document.write(sum)
</script>
<script>
var sum=1
var n=1
while(n<=3){
sum=n*sum
n++
}
document.write(sum)
</script>