JavaScript

JS 使用

使用 <script> 标签包裹 JS 代码
JS 脚本可以放在 HTML 页面的 <head> 标签里面，也可以放在 <body>标签里面，或者兼而有之
JS 脚本放在 <body> 标签的底部，可以改善显示速度，因为脚本编译会拖慢显示
JS 脚本也可以通过外部文件引入
外部文件引入 JS 脚本的优势有：分离了 HTML 和代码；使 HTML 和 JS 更易于阅读和维护；已缓存的 JS 文件可加速页面加载
需要向一张页面添加多个脚本文件，需要使用多个 <script> 标签
可以通过完整的 URL 或相对于当前网页的路径引用外部脚本

JS 输出

使用 window.alert() 写入警告框
使用 document.write() 写入 HTML 输出
使用 innerHTML 写入 HTML 元素
使用 console.log() 写入浏览器控制台

使用 window.alert()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用window.alert()写入警告框</title>
</head>
<body>
    <h1>使用window.alert()写入警告框</h1>
    <p>打开或刷新当前网页的时候会弹出一个警告框！</p>
    <script>
        window.alert("点击该警告框的确定按钮之后才会显示网页内容！");
    </script>
</body>
</html>

使用 document.write()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用document.write()</title>
</head>
<body>
    <h1>使用document.write()</h1>
    <p>下方内容是使用document.write()写入的</p>
    <script>
        document.write("使用document.write()会直接在网页上输出内容");
    </script>
</body>
</html>

使用 innerHTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用innerHTML往元素内写入内容</title>
</head>
<body>
    <h1>使用innerHTML</h1>
    <p id="demo"></p>
    <script>
        document.getElementById("demo").innerHTML = "这段文字是通过innerHTML写入的";
    </script>
</body>
</html>

使用 console.log()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用console.log()在浏览器控制台输出内容</title>
</head>
<body>
    <h1>使用console.log()</h1>
    <p>在浏览器控制台输出内容</p>
    <script>
        console.log("使用console.log()在浏览器控制台输出内容");
    </script>
</body>
</html>

JS 语句

在 HTML 中，JavaScript 语句是由 web 浏览器“执行”的“指令”
JS 语句由以下几部分构成：值、运算符、表达式、关键词和注释
JS 语句允许多条共占一行
JS 会忽略多个空格，可向脚本添加空格以增强可读性
建议把代码行控制在 80 个字符以内，以增强可读性
JS 语句可用花括号 {...} 组合在代码块中

JS 关键词

关键词	描述
break	终止 switch 或循环
continue	跳出循环并在顶端开始
debugger	停止 JavaScript，并调用调试函数（如果可以）
do...while	执行语句块，并在条件为真时重复代码块
for	标记需要被执行的语句块，只要条件为真
function	声明函数
if...else	标记需要被执行的语句块，根据某个条件
return	退出函数
switch	标记需要被执行的语句块，根据不同的情况
try...catch	对语句块实现错误处理
var	声明变量

JS 语法

JS 值

JS 语句定义两种类型的值：混合值和变量值
混合值被称为字面量（literal），变量值被称为变量

JS 字面量

写数值有无小数均可：1.501,1001
字符串是文本，由双引号或单引号包围："字符串"、'字符串'

JS 变量

JS 使用 var 关键字来声明变量
等号 = 用来为变量赋值

JS 运算符

算术运算符：+、-、*、/
赋值运算符：=

JS 表达式

表达式是值、变量和运算符的组合，计算结果是值
值可以是多种类型，比如数值和字符串等

JS 注释

使用双斜杠进行单行注释 //
使用 /*...*/ 进行多行注释

JS 标识符

标识符用于命名变量、关键词、函数和标签
JS 所有的变量必须以唯一的名称来标识
标识符首字符必须是字母、下划线（_）或者美元符号（$）
连串的字符可以是字母、数字、下划线或美元符号
数值不能作为首字符，以便 JS 能轻易区分数值和标识符
JS 对标识符的大小写敏感（区分大小写）
JS 使用驼峰命名法：第一个单词首字母小写，后面的单词首字母大写

JS 字符集

JS 使用 Unicode 字符集
Unicode 覆盖世界上几乎所有的字符、标点和符号