世界杯海报_u20世界杯德国 - jjswlx.com

JavaScript 基础 - 学习 Web 开发
2025-06-25 17:21:21

JavaScript 基础 上一页 概述:Web 入门 下一页

JavaScript 是一门为网站添加交互性的编程语言。交互性体现在游戏、点击按钮或输入表单时的响应行为;动态的样式;动画,等等。本文将帮助你入门 JavaScript,并进一步加深你对 JavaScript 所能实现的功能的理解。

JavaScript 到底是什么?JavaScript 是一门为网站添加交互性的强有力的编程语言。由布兰登·艾克发明。

JavaScript 是一门多功能的、新手友好的编程语言。随着经验的积累,你将能够创建游戏、2D 和 3D 图形动画、全面的数据库驱动应用程序,等等。

JavaScript 本身相对简洁,但非常灵活。开发者在核心 JavaScript 语言的基础上编写了各种工具,让你能以最小的努力解锁大量的功能。这些工具包括:

Web 浏览器内置的应用程序编程接口(API),提供了丰富的功能,例如:动态创建 HTML 和设置 CSS 样式;从用户的摄像头采集和处理视频流、生成 3D 图形和音频样本。

允许开发者将来自其他内容提供商(如 Disqus、Facebook)的功能整合到自己的网站中的第三方 API。

能够应用于 HTML 加速网站和应用程序开发的第三方框架和库。

作为一篇 JavaScript 的简要介绍,阐述核心 JavaScript 和上述的工具之间的区别超出了本文的范围。你可以在 MDN 的 JavaScript 学习区,以及 MDN 的其余部分了解更多信息。

接下来将介绍核心语言的一些方面,并提供体验一些浏览器 API 特性的机会。祝你玩得开心!

“Hello World!”示例JavaScript 是最流行的现代 Web 技术之一。随着 JavaScript 技能的增长,你的网站在功能和创新力上将达到一个新的维度。

然而,熟练掌握 JavaScript 比熟练掌握 HTML 和 CSS 要更有挑战。你必须从简单的开始,然后逐步前进。首先,来看看如何在页面中添加 JavaScript 完成 Hello world! 示例(Hello world! 是标准的介绍性编程示例)。

警告:

如果你没有完成之前的课程,请先下载这个示例代码,把示例代码当作起始点。

打开测试站点的目录,创建一个名为 scripts 的新目录。然后在 scripts 目录中创建一个名为 main.js 的新文件,并保存。

打开 index.html 文件,在结束标签 前添加下列代码:

html

与 CSS 的 元素的功能类似,它将 JavaScript 引入以作用于 HTML(以及 CSS 和页面上的任何其他内容)。

将下列代码添加到 scripts/main.js 文件:

jsconst myHeading = document.querySelector("h1");

myHeading.textContent = "Hello world!";

确认保存了 HTML 和 JavaScript 文件。然后在浏览器中打开 index.html。你应该看到类似的内容:

备注:

上面将