一. JavaScript的使用
<script>标签
在HTML中,JavaScript代码必须位于<script>
与</script>
标签之间。
实例:
<script>
document.getElementById("demo").innerHTML = "我的第一段JavaScript";
</script>
注释:旧的 JavaScript 例子也许会使用type
属性:<script type="text/javascript">
。
注释:type 属性不是必需的。JavaScript 是 HTML 中的默认脚本语言。
函数和事件
JavaScript 函数是一种 JavaScript 代码块,它可以在调用时被执行。
例如,当发生事件时调用函数,比如当用户点击按钮时。
脚本的位置
- 在
<head>
标签中 - 在
<body>
标签中 - 在外部文件中
如需使用外部脚本,请在<script>
标签的 src (source) 属性中设置脚本的名称:
实例
<script src="myScript.js"></script>
外部 JS 的优势
在外部文件中放置脚本有如下的优势:
- 分离了HTML和代码
- 使HTML和JavaScript更易于阅读和维护
- 已缓存的JavaScript文件可加速页面的加载
二. JavaScript 输出
JavaScript不提供任何内建的打印或显示函数。
JavaScript显示方案:
- 使用
window.alert()
写入警告框 - 使用
document.write()
写入 HTML 输出 - 使用
innerHTML
写入 HTML 元素 - 使用
console.log()
写入浏览器控制台
三. JavaScript 语句
在HTML中,JavaScript语句是由web浏览器“执行”的“指令”。
var x,y,z;
x=22;
y=11;
z=x+y;
语句由以下构成:
值、运算符、表达式、关键词和注释。
每条语句之后添加分号,如果有分号分隔,允许在同一行写多条语句。
JavaScript 关键词
关键词 | 描述 |
---|---|
break | 终止 switch 或循环。 |
continue | 跳出循环并在顶端开始。 |
debugger | 停止执行 JavaScript,并调用调试函数(如果可用)。 |
do ... while | 执行语句块,并在条件为真时重复代码块。 |
for | 标记需被执行的语句块,只要条件为真。 |
function | 声明函数。 |
if ... else | 标记需被执行的语句块,根据某个条件。 |
return | 退出函数。 |
switch | 标记需被执行的语句块,根据不同的情况。 |
try ... catch | 对语句块实现错误处理。 |
var | 声明变量。 |
四. JavaScript 语法
JavaScript 值
JavaScript 语句定义两种类型的值:混合值和变量值。
混合值被称为字面量(literal)。变量值被称为变量。
JavaScript 标识符
所有 JavaScript 变量必须以唯一的名称的标识。
这些唯一的名称称为标识符。
标识符可以是短名称(比如 x 和 y),或者更具描述性的名称(age、sum、totalVolume)。
构造变量名称(唯一标识符)的通用规则是:
- 名称可包含字母、数字、下划线和美元符号
- 名称必须以字母开头
- 名称也可以 $ 和 _ 开头(但是在本教程中我们不会这么做)
- 名称对大小写敏感(y 和 Y 是不同的变量)
- 保留字(比如 JavaScript 的关键词)无法用作变量名称
提示:JavaScript 标识符对大小写敏感。
一条语句,多个变量
您可以在一条语句中声明许多变量。
以 var 作为语句的开头,并以逗号分隔变量:
var person = "Bill Gates", carName = "porsche", price = 15000;
声明可横跨多行:
var person = "Bill Gates",
carName = "porsche",
price = 15000;
JavaScript 算术
var x = "8" + 3 + 5; // x = 835
当数值和字符串相加时,JavaScript 将把数值视作字符串。
var x = 911 + 7 + "Porsche"; //918Porsche
var x = "Porsche" + 911 + 7; //Porsche9117