在网页中使用 JavaScript通过利用 JavaScript 将你的网页提升到一个新的水平。在这篇文章中学习如何直接从你的 HTML 文档触发 JavaScript。
先决条件
你需要熟悉如何 创建基本的 HTML 文档.
目标
学习如何在你的 HTML 文件中触发 JavaScript，以及学习最重要的是保持 JavaScript 可访问性的最佳实践。
关于 JavaScriptJavaScript 是一种编程语言，主要用于客户端使网页交互。你*可以*创建没有 JavaScript 的惊人网页，但 JavaScript 打开了全新的可能性。
注意：在这篇文章中，我们将讨论你需要让 JavaScript 生效的 HTML 代码。如果你想学习 JavaScript 本身，你可以从我们的 JavaScript 基础 文章开始。如果你已经了解了一些关于 JavaScript 的知识，或者如果你有其他编程语言的背景，我们建议你直接进入我们的 JavaScript 指南.
如何从 HTML 触发 JavaScript在浏览器中，JavaScript 本身不会执行任何操作。你从你的 HTML 网页中运行 JavaScript。要从 HTML 内部调用 JavaScript 代码，你需要使用
在 HTML 中编写 JavaScript你也可以在
当你只需要一小段 JavaScript 代码时，这很方便，但如果你将 JavaScript 保存在单独的文件中，你会发现它更容易
专注于你的工作
编写自包含的 HTML
编写结构化的 JavaScript 应用程序
使用可访问的脚本可访问性是任何软件开发中的一个重大问题。如果你明智地使用 JavaScript，它可以使你的网站更具可访问性，或者如果你不加注意地使用脚本，它可能会成为一场灾难。为了让 JavaScript 为你服务，了解一些添加 JavaScript 的最佳实践是值得的
使所有内容都以（结构化）文本形式提供。尽可能依赖 HTML 来创建你的内容。例如，如果你实现了一个漂亮的 JavaScript 进度条，请确保在 HTML 中使用匹配的文本百分比来补充它。同样，你的下拉菜单应该被结构化为 无序列表 的 链接.
使所有功能都能从键盘访问。
让用户以逻辑顺序通过 Tab 键浏览所有控件（例如，链接和表单输入）。
如果你使用指针事件（如鼠标事件或触摸事件），请使用键盘事件复制该功能。
只使用键盘测试你的网站。
不要设置或猜测时间限制。使用键盘导航或听取内容朗读需要额外的时间。你几乎不可能预测用户或浏览器完成一个过程（特别是异步操作，如加载资源）需要多长时间。
让动画微妙且简短，不要闪烁。闪烁很烦人，可能会引起癫痫发作。此外，如果动画持续超过几秒钟，请给用户一个取消动画的方法。
让用户发起交互。这意味着，不要自动更新内容、重定向或刷新。不要在没有警告的情况下使用轮播或显示弹出窗口。
为没有 JavaScript 的用户制定一个备用方案。人们可能会关闭 JavaScript 以提高速度和安全性，用户经常会遇到阻止加载脚本的网络问题。此外，第三方脚本（广告、跟踪脚本、浏览器扩展）可能会破坏你的脚本。
至少，使用
理想情况下，尽可能使用 HTML 和服务器端脚本复制 JavaScript 功能。
如果你只是在寻找简单的视觉效果，CSS 通常可以更直观地完成这项工作。
由于几乎每个人都确实启用了 JavaScript，因此
了解更多