TOC

This article is currently in the process of being translated into Chinese (~90% done).

Getting started:

Hello, world!

从历史上看,每个编程教程都必须以"Hello, world!" 的例子做为开始。这个示例的目的只是向用户输出一条“Hello, world!”的消息,不接受任何输入,也不执行任何其他操作。这个历史可以一直追溯到1974年,比JavaScript发明至少早了20年,尽管如此,本教程还是将从一个“Hello, World!”的例子开始。

现在使用JavaScript,根据用于解释消息的JavaScript引擎,我们输出消息的位置可能会有所不同。例如,如果你在浏览器中运行它,我们可以使用alert()函数来显示消息:

alert("Hello, world!");

尝试运行这个示例,您将得到一个漂亮的弹出窗口,其中包含向世界发送的举世闻名的消息。正如我们之前所讨论的,本教程将不关注浏览器,但我确实想提一下,如果你在HTML文件中嵌入这段代码,它必须在SCRIPT标签中,就像这样:

<script>
alert("Hello, world!");
</script>

Hello, webpage!

考虑到这一点,我想向你展示另一个例子,我们将JavaScript集成到一个实际的(尽管很简单的)网页中,让你了解它是如何工作的:

<!DOCTYPE html>
<html>
<head>
	<title>Hello, world!</title>	
</head>
<body>

<p>And now for the world famous message:</p>

<script>
document.write("Hello, world!");
</script>

<p>Thank you, and goodnight!</p>

</body>
</html>

尝试运行这个示例,可以直接在本文中运行,也可以将其保存为计算机上的.html文件,然后在浏览器中打开它。

请不要太担心各种各样的HTML标签,这些标签只是网页的基本结构和一些文本。相反,请将重点放在中间的脚本块上。我使用它将一段JavaScript代码直接集成到HTML代码中(所以基本上是在网页的中间),并使用document.write()函数直接在其余内容之间输出文本。

Hello, console!

请注意document.write()是一个浏览器特有的函数,所以如果你在Node.js中运行这个函数,它很可能无法工作。相反,我们可以使用一个可以跨多个JavaScript引擎工作的函数:console.log()

console.log("Hello, world!");

如果在浏览器中运行这段代码,则必须在开发人员控制台中才能看到该消息。如何访问打开开发人员控制台取决于您使用的浏览器,但是您可以尝试按F12 -如果不起作用,您可能需要查看这篇文章,它解释了如何在各种浏览器中访问它。

总结

完成了强制性的“Hello, world!”示例后,我们现在准备继续学习更多关于JavaScript语言的知识。


This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!