Skip to Content
开发🎨 前端开发Web 基础JavaScriptJavaScript

JavaScript 是所有 Web 开发人员 必须学习的三种语言之一 :

  1. HTML定义网页内容

  2. CSS指定网页的布局

  3. 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?

  1. 始终声明变量

  2. const 如果值不应该改变,则始终使用

  3. const 如果类型不需要改变,则始终使用(数组和对象)

  4. let在无法使用时使用const

  5. var当必须支持旧版浏览器时才使用。

JavaScript 运算符的类型

JavaScript 运算符有多种类型:

  • 算术运算符:用于对数字进行算术运算
  • 赋值运算符:将值赋给 JavaScript 变量
  • 比较运算符
  • 字符串运算符
  • 逻辑运算符
  • 按位运算符
  • 三元运算符
  • 类型运算符

注释快捷键

在大多数的编辑器中,一行代码可以使用 Ctrl+/ 快捷键进行单行注释,诸如 Ctrl+Shift+/ 的快捷键可以进行多行注释(选择代码,然后按下快捷键)。对于 Mac 电脑,应使用 Cmd 而不是 Ctrl,使用 Option 而不是 Shift。

入门教程

Last updated on