null
null表示"没有对象", null类型只有一个值,是null,表示不存在的对象,也可用于声明一个空的对象,null是javascript的关键字,一个空对象指针,代表空值。
undefined
undefined是一个预定义的全局变量,表示某一变量声明未进行初始化。表示"缺少值",就是此处应该有一个值,但是还没有定义。变量被声明了,但没有赋值时,就等于undefined。调用函数时,应该提供的参数没有提供,该参数等于undefined。对象没有赋值的属性,该属性的值为undefined。函数没有返回值时,默认返回undefined。
alert();
页面弹窗
console.log();
控制台输出,可通页面F12找到控制台
document.writer();
页面输出
简单的计算机器功能
简单的输入框计算机器!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="text" id="num1" placeholder="请输入第一个数字!"/><br/>
<input type="text" id="count" placeholder="请输入操作 + - * / !"/><br/>
<input type="text" id="num2" placeholder="请输入第二个数字!"/><br/>
<input type="button" value="计算" onclick="f()"/>
结果=<span id="numShow"></span>
<script>
function f() {
//获取输入的数据
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
var count = document.getElementById("count").value;
//类型转换
num1 = Number(num1);
num2 = Number(num2);
//判断计算
switch (count) {
case "+":
document.getElementById("numShow").innerText = num1+num2;
break;
case "-":
document.getElementById("numShow").innerText = num1-num2;
break;
case "*":
document.getElementById("numShow").innerText = num1*num2;
break;
case "/":
document.getElementById("numShow").innerText = num1/num2;
break;
case "%":
document.getElementById("numShow").innerText = num1%num2;
break;
}
}
</script>
</body>
</html>