版权声明: https://blog.csdn.net/aic1999/article/details/82254829
寻找报错原因:网页的开发者工具(f12)->console控制台找报错
一、基础的函数
document.write():在页面上输出效果
alert():页面上弹窗显示
prompt():与用户交互的输入框
<script type="text/javascript">
//0.0 网页与用户的交互
value=prompt("请输入成绩",0); //弹输入框,输入的数值赋值给value,若不输入则默认value=0
if(isNaN(value)){
alert("不是数字");
}else{
alert(value); //仅弹窗,弹窗内容是value
}
document.write(Number.MAX_VALUE+"<BR>") //在网页上显示括号内内容
document.write(Number.MIN_VALUE+"<BR>") //可以不加分号结束
</script>
二、js中的数据类型
js中变量的数据类型都是弱类型var,即不需要提前声明变量类型,且变量可以转化成不同类型。且数字默认为十进制。
<script type="text/javascript">
//1.1变量的数据类型
//定义八进制数字和十六进制数字
oct=047; //定义是八进制47 实际是十进制39
hex=0xa4; //十六进制0xa4转换为十进制是164
window.alert(oct); //结果弹窗显示:39
alert(hex); //结果弹窗显示:164
//定义浮点数实例
f1=0.1;
f2=0.2;
alert(f1+f2); //结果:0.30000000000000004
//数组:大小不用预先指定,元素类型可以不一样
//一维数组
var arr=[];
arr[0]="元素";
arr[1]=22;
for(index in arr) //index是遍历数组的下标
document.write(arr[index]+"<br>"); //输出数组所有元素
//二维、多维数组
var arr2=[]
arr2[0]=[];
arr2[0][0]="zhangsan";
arr2[0][1]="lisi";
for(i in arr2)
for(j in arr2[i])
document.write(arr2[i][j]+"<br>"); //输出所有元素
</script>
可以看到:存在浮点型数据精度损失,因此不要轻易比较浮点数大小,可能结果不尽人意
三、变量的基础处理
<script type="text/javascript">
//1.2 变量的基础处理
//变量的类型转换
var variable; //可以省略此行,变量都默认为var无需声明
variable="hello";
variable=1;
alert(variable); //显示:1
variable2=100;
alert(variable+variable2);
//提取数字
spec="34 change";
alert(parseInt(spec,10)); //解释:在spec中寻找数字并且,转换成十进制数字
spec="2018.08.30是今天";
alert(parseFloat(spec)); //输出:2018.08。 后面不符合规范的数字被截掉了
//恒等和不恒等
var a=8;
var b="8";
alert(a==b); //输出:true。因为==是比较数值,b自动转型成整型与a比较
alert(a===b); //输出:false。因为===是判断数值和类型是否完全一致
</script>