引入CSS的方法:
在<head></head>之间加入<link rel="stylesheet" href="01css.css"> ,href表示连接的文件地址。
引入js的方法:
在<body></body>之间加入<script src="01.js"></script>,src属性写外部js路径。js代码不要写在头部 ,写在body里可以保证快速加载。
定义一个变量的方法:
var a=10;
如何向控制台打印数据:
console.log(c)
控制台在如下位置
如何从网页显示输入框,把数据输入到后台:
可以使用prompt()方法,前台显示提示和请求输入值,然后后台可以得到输入的数据
例:
start=parseInt(prompt('输入开始值'))
end=parseInt(prompt('输入结束值'))
console.log((start+end)*(end-start+1)/2)
判断数据类型的方法如下:
typeof可以判断基本数据类型,下面两种typeof的用法都可以。
console.log(typeof(num1) )
console.log(typeof num2)
把其它类型变量转换为数值类型的方法:
Number('123.45')
isNaN 判断不是一个数 不是为true 是为false
把其它类型变量转换为字符串类型的方法:
其他类型转字符串的两种方法
1.对象.toString()
2.String()
把其它类型变量转换为整数类型的方法:
parseInt(23.23)
把其它类型变量转换为浮点类型的方法:
parseFloat('12.345')
parseFloat(12.567).toFixed(2) toFixed()的括号里写几就保留几位小数
三大逻辑结构
顺序结构:
start=parseInt(prompt('输入开始值'))
end=parseInt(prompt('输入结束值'))
console.log((start+end)*(end-start+1)/2)
选择结构:
if-else if-else的使用
var input=parseInt(prompt('请输入分数'))
if(input<=100&&input>=90){
console.log('优秀')
}
else if(input>=80&&input<90){
console.log('良好')
}
else if(input>=70&&input<80){
console.log('普通')
}
else if(input>=60&&input<70){
console.log('及格')
}
else if(input<60){
console.log('出去')
}
else{
console.log('拜拜')
}
switch的使用
优点:处理流程比较清晰
a=input/10
switch (parseInt(a)) {//#条件最终结果只能是整型或字符串,是===判断,要求数值和类型都要一样
case 10: //case后面的表达式其实是switch括号里的结果,不是表达式。
console.log('优秀')
break
case 9:
console.log('优秀')
break
case 8:
console.log('良好')
break
case 7:
console.log('普通')
break
case 6:
console.log('及格')
break
default: //相当于else 处理剩余的情况
console.log('出去!')
}
循环结构:
三种:for while do-while
三要素:1.初始值 2.循环控制条件 3.步长增量
for用在哪里? 循环次数明确的情况 (例:顺序查找,次数明确)
while用在哪里?while可以在循环次数不明确的情况(例:二分查找,不知道查找的次数)
while和do while的区别?
while先判断后执行。do-while 先执行一次,后判断。(用在游戏上,让他先玩一次)
for的使用方法如下:
for (赋初值;控制条件;步长){
循环体;
}
sum=0
for (var i=1;i<=100;i++ ){
sum+=i
}
console.log(sum)
while的使用方法如下:
i=1
sum=0
while (i<101){
sum+=i
i+=1
}
console.log(sum)
do-while的使用方法:
赋初值
do{
循环代码;
增量;
}while(控制条件);