JavaScript 字面量
书写混合值最重要的规则是:
数字(Number)字面量 可以是整数或者是小数,,写数值有无小数点均可:
15.90
10011
字符串是文本,由双引号或单引号包围:
"Bill Gates"
'Bill Gates'
表达式字面量 用于计算:
5 + 6
5 * 10
JavaScript 语句
在 HTML 中,JavaScript 语句向浏览器发出的命令。
语句是用分号分隔:
x = 5 + 6;
y = x * 10;
4种输出方法
- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中。
请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。
- 使用 innerHTML 写入到 HTML 元素。
需从 JavaScript 访问某个 HTML 元素,可以使用 document.getElementById(id) 方法。
使用 "id" 属性来标识 HTML 元素,并 innerHTML 来获取或插入元素内容
document.getElementById("demo").innerHTML = "已修改。";
数据类型
字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。
null:是一个只有一个值的特殊类型。表示一个空对象引用。typeof返回的是一个object。
var x = null;
undefined:清空变量后,typeof返回为undefined;未设置变量值的情况下,typeof返回为undefined。
NaN 的数据类型是 number
数组(Array)的数据类型是 object
日期(Date)的数据类型为 object
null 的数据类型是 object
未定义变量的数据类型为 undefined
body中的script函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>body中的script</title>
</head>
<body>
<h1>我的函数</h1>
<p id="demo">我的函数</p>
<button type="button" onclick="myFunction()">点击一下</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "这是我的函数"
}
</script>
</body>
</html>
注释
不是所有语句都需要javascript解释器去解释并执行。有时需要在脚本中写一些仅供自己参考或提醒自己的信息,并希望javascript解释器能直接忽略掉这些信息,这类信息就是注释
注释能有效帮助了解代码流程,在代码中它们扮演生活中便条的角色,可以帮助我们弄清楚脚本到底干了什么
[注意]注释一定要精确地描述代码,没有用的注释比没有注释还要糟糕
有多种方式可以在javascript脚本中插入注释,包括单行注释、多行注释和HTML风格的注释
【1】单行注释以两个斜杠开头
//单行注释
【2】多行注释又叫块级注释,以一个斜杠和一个星号/开头,以一个星号和一个斜杠/结尾
/*
这是一个多行注释
*/