一.输出
一共有四种方式显示数据。
- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中。
- 使用 innerHTML 写入到 HTML 元素。
- 使用 console.log() 写入到浏览器的控制台。(按下F12调出控制台)
注意: 请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。
注意: 如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。
实例:
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>输出</title>
</head>
<body>
<p id = "demo">显示位置</p>
<button onclick = "MyFun()">显示时间</button>
<script>
function MyFun()
{
//获取时间并将id = “demo”的段落里的数据替换为时间
document.getElementById("demo").innerHTML = Date();
}
</script>
</body>
</html>
结果:
按下按钮前:
按下按钮后:
二.变量
使用 var 关键词来声明变量:
与代数一样,JavaScript 变量可用于存放值 和表达式。
变量可以使用短名称(比如 x 和 y),建议使用描述性更好的名称(比如 age, sum, time)。
取名规则:
- 变量必须以字母开头
- 变量也能以 $ 和 _ 符号开头(不推荐这么做)
- 变量名称对大小写敏感(y 和 Y 是不同的变量)
实例:
var x = 5;
var pi = 3.14;
var name = "Tom";
var sum = x + 5;
//也可以一条语句定义多个变量
var age = 18,firstname = "Tom", job = "doctor";
三.数据类型
值类型:
- 字符串(String)
- 数字(Number)
- 布尔(Boolean)
- 对空(Null)
- 未定义(Undefined)
- Symbol(表示独一无二的值)
引用数据类型:
- 对象(Object)
- 数组(Array)
- 函数(Function)
实例:
//字符串
var a = "Nice to meet you!";
//数字
var pi = 3.14;
//布尔
var x = true;
var y = false;
//对空
//可以通过将变量的值设置为 null 来清空变量。
name = null;
//未定义
//Undefined 这个值表示变量不含有值。
var car;
//对象
var person = {firstname : "Pinky",
lastname : "hepburn",
age : 18,
action : eatfood(){}
};
//查询对象的值的方法:
name = person.firstname;
name = person["firstname"];
//数组
var number = [10, 16, 18];
var alpha = ['a', 'b', 'c'];
var name = ["Tom", "Bob", "John"];
//函数
function functionname()
{
//执行语句
//若有返回值,使用return
//return data;
}