This article is currently in the process of being translated into Chinese (~90% done).
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语言的知识。