在网页中使用 JavaScript

JavaScript 是一种编程语言，主要用于客户端使网页交互。你*可以*创建没有 JavaScript 的惊人网页，但 JavaScript 打开了全新的可能性。

在浏览器中，JavaScript 本身不会执行任何操作。你从你的 HTML 网页中运行 JavaScript。要从 HTML 内部调用 JavaScript 代码，你需要使用 <script> 元素。有两种使用script 的方法，取决于你是链接到外部脚本还是直接在你的网页中嵌入脚本。

通常，你将在自己的 .js 文件中编写脚本。如果你想从你的网页中执行 .js 脚本，只需使用 <script>，并使用 src 属性指向脚本文件，使用其 URL

<script src="path/to/my/script.js"></script>

你也可以在 <script> 标签之间添加 JavaScript 代码，而不是提供 src 属性。

<script>
  window.addEventListener("load", () => {
    console.log("This function is executed once the page is fully loaded");
  });
</script>

当你只需要一小段 JavaScript 代码时，这很方便，但如果你将 JavaScript 保存在单独的文件中，你会发现它更容易

• 专注于你的工作
• 编写自包含的 HTML
• 编写结构化的 JavaScript 应用程序

可访问性是任何软件开发中的一个重大问题。如果你明智地使用 JavaScript，它可以使你的网站更具可访问性，或者如果你不加注意地使用脚本，它可能会成为一场灾难。为了让 JavaScript 为你服务，了解一些添加 JavaScript 的最佳实践是值得的

• 使所有内容都以（结构化）文本形式提供。尽可能依赖 HTML 来创建你的内容。例如，如果你实现了一个漂亮的 JavaScript 进度条，请确保在 HTML 中使用匹配的文本百分比来补充它。同样，你的下拉菜单应该被结构化为 无序列表 的 链接.
• 使所有功能都能从键盘访问。
  • 让用户以逻辑顺序通过 Tab 键浏览所有控件（例如，链接和表单输入）。
  • 如果你使用指针事件（如鼠标事件或触摸事件），请使用键盘事件复制该功能。
  • 只使用键盘测试你的网站。
• 不要设置或猜测时间限制。使用键盘导航或听取内容朗读需要额外的时间。你几乎不可能预测用户或浏览器完成一个过程（特别是异步操作，如加载资源）需要多长时间。
• 让动画微妙且简短，不要闪烁。闪烁很烦人，可能会引起癫痫发作。此外，如果动画持续超过几秒钟，请给用户一个取消动画的方法。
• 让用户发起交互。这意味着，不要自动更新内容、重定向或刷新。不要在没有警告的情况下使用轮播或显示弹出窗口。
• 为没有 JavaScript 的用户制定一个备用方案。人们可能会关闭 JavaScript 以提高速度和安全性，用户经常会遇到阻止加载脚本的网络问题。此外，第三方脚本（广告、跟踪脚本、浏览器扩展）可能会破坏你的脚本。
  • 至少，使用 <noscript> 留下一条简短的消息，例如：<noscript>要使用本网站，请启用 JavaScript。</noscript>
  • 理想情况下，尽可能使用 HTML 和服务器端脚本复制 JavaScript 功能。
  • 如果你只是在寻找简单的视觉效果，CSS 通常可以更直观地完成这项工作。
  • 由于几乎每个人都确实启用了 JavaScript，因此<noscript> 并不是编写不可访问脚本的借口。

• <script>
• <noscript>
• James Edwards 关于使用可访问 JavaScript 的介绍
• W3C 的可访问性指南