JavaScript 是所有 Web 开发人员 必须学习的三种语言之一 :
-
HTML定义网页内容
-
CSS指定网页的布局
-
JavaScript用于编程网页行为
您不必获取或下载 JavaScript。
JavaScript 已经在您的计算机、平板电脑和智能手机上的浏览器中运行。
JavaScript 可供所有人免费使用。
<script>
标签
在 HTML 中,JavaScript 代码插入到 <script>
和 </script>
标签之间。
JavaScript 函数和事件
JavaScriptfunction
是一段 JavaScript 代码,可以在“调用”时执行。
例如,当发生事件时(如用户单击按钮时),可以调用一个函数。
JavaScript 显示可能性
JavaScript 可以用不同的方式“显示”数据:
- 写入 HTML 元素,使用
innerHTML
。 - 使用 写入 HTML 输出
document.write()
。 - 使用 写入警告框
window.alert()
。 - 使用 写入浏览器控制台
console.log()
。
使用 innerHTML
要访问 HTML 元素,JavaScript 可以使用document.getElementById(id)
方法。
属性 id
(Attribute) 定义 HTML 元素。属性 innerHTML
(Property) 定义 HTML 内容。
使用 document.write()
为了测试目的,使用起来很方便 document.write()
。
在 HTML 文档加载后使用 document.write() 将删除所有现有 HTML。
document.write() 方法仅应用于测试。
使用 window.alert()
您可以使用警告框来显示数据。
您可以跳过该window
关键字。
在 JavaScript 中,window 对象是全局范围对象。这意味着变量、属性和方法默认属于 window 对象。这也意味着指定关键字 window
是可选的。
使用 console.log()
为了调试目的,您可以 console.log()
在浏览器中调用该方法来显示数据。
JavaScript 打印
JavaScript 没有任何打印对象或打印方法。
您无法从 JavaScript 访问输出设备。
唯一的例外是,您可以 window.print()
在浏览器中调用该方法来打印当前窗口的内容。
JavaScript 关键字
JavaScript 关键字是保留字。保留字不能用作变量的名称。
JavaScript 标识符/名称
标识符是 JavaScript 名称。
标识符用于命名变量、关键字和函数。
大多数编程语言中的合法名称规则是相同的。
JavaScript 名称必须以以下内容开头:
- 一个字母(AZ 或 az)
- 美元符号 ($)
- 或者下划线 (_)
后续字符可以是字母、数字、下划线或美元符号。
名称中不允许使用数字作为第一个字符。
这样,JavaScript 就可以轻松区分标识符和数字。
所有 JavaScript 标识符都 区分大小写。
“等于”运算符的写法==
与 JavaScript 类似。
何时使用 var、let 或 const?
-
始终声明变量
-
const
如果值不应该改变,则始终使用 -
const
如果类型不需要改变,则始终使用(数组和对象) -
仅
let
在无法使用时使用const
-
仅
var
当必须支持旧版浏览器时才使用。
JavaScript 运算符的类型
JavaScript 运算符有多种类型:
- 算术运算符:用于对数字进行算术运算
- 赋值运算符:将值赋给 JavaScript 变量
- 比较运算符
- 字符串运算符
- 逻辑运算符
- 按位运算符
- 三元运算符
- 类型运算符
注释快捷键
在大多数的编辑器中,一行代码可以使用 Ctrl+/ 快捷键进行单行注释,诸如 Ctrl+Shift+/ 的快捷键可以进行多行注释(选择代码,然后按下快捷键)。对于 Mac 电脑,应使用 Cmd 而不是 Ctrl,使用 Option 而不是 Shift。