JavaScript 笔记（一）：基本概念
什么是 JavaScript
JavaScript 简称 JS，是一种脚本语言，通过浏览器中的 JavaScript 解析器解析执行
JavaScript 的作用
| 语言 | 作用 |
|---|---|
| HTML | 内容 |
| CSS | 样式 |
| JavaScript | 行为 |
JavaScript 的发展史
JavaScript 起源于由 NetScape 公司的 Brendan Eich 开发的 LiveScript，之后更名为 JavaScript
JavaScript 的结构
JavaScript 由如下三部分构成：
ECMAScript
ECMA 是 European Computer Manufacturers Association （欧洲计算机制造商协会）的缩写，ECMAScript 是由 ECMA 制定的脚本语言标准，规定了一种脚本语言实现应该包含的基本内容，JavaScript 也是一种脚本语言，所以必须遵守 ECMAScript 标准
DOM
Document Object Model，即文档对象模型，为 JavaScript 提供控制网页元素（标签）的 API
BOM
Browser Object Model, 即浏览器对象模型，为 JavaScript 提供控制浏览器部分功能的 API
JavaScript 的书写格式
行内
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>...</title>
</head>
<body>
<div onclick="alert('Hello World')">Reyn Morales</div>
</body>
</html>
内嵌
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>...</title>
<script>
alert('Hello World');
</script>
</head>
<body>
<div>Reyn Morales</div>
</body>
</html>
外链
将脚本写在一个以 .js 为扩展名的文件中，并通过 link 链接，如下所示
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>...</title>
<script src="xxx.js"></script>
</head>
<body>
<div>Reyn Morales</div>
</body>
</html>
- 不推荐将 JavaScript 代码写在标签内部
- 默认情况下，浏览器从上至下解析页面，如果将 JavaScript 代码以行内样式书写，一旦 JavaScript 代码中存在使用页面元素的命令，可能导致部分命令无效，因为当浏览器从上至下解析页面时，页面元素不存在，JavaScript 显然不能使用不存在的元素，可以通过如下方式解决此问题
- 使用
window.onload = function() { ... }，在页面元素全部加载完成之后再执行 JavaScript 代码 - 将 script 标签写在所有页面元素之后，body 标签的结束标签之前，当页面元素全部加载完成之后再执行 JavaScript 代码
- 使用
- 如果使用外链方式导入
.js文件，那么在此 script 标签中不能再写 JavaScript 代码
JavaScript 常见输入方式
网页弹窗
alert(...);
confirm(...);
prompt(...); // 可以获取用户的输入，并将输入结果返回，类型为 String 字符串
- 如果输出内容为字符串，那么必须使用单引号或双引号
- JavaScript 严格区分大小写
- 在大部分语句之后都必须有英文格式的分号，虽然不写同样可以运行，那是因为浏览器自动为代码添加了分号，但如此一来将消耗浏览器性能，且可能由于添加错误，从而导致代码不能正常运行
网页内容
document.write(...);
- 如果输出内容为字符串，那么必须使用单引号或双引号
控制台
console.log(...); // 日志
console.warn(...); // 警告
console.error(...); // 错误
- 如果输出内容为字符串，那么必须使用单引号或双引号
871
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
