下一篇 → ← 上一篇

JavaScript 中的 Hello World 程序

2025年5月2日 | 阅读3分钟

在 JavaScript 中，“Hello, world!”是一个简单的程序，它会在控制台打印出 Hello, world!。因为它是一个简单的程序，所以通常用于向初学者介绍一门新的编程语言。

在接下来的教程中，我们将编写我们的第一个 JavaScript 程序。

打印 Hello, World! 的 JavaScript 程序

有三种方法可以打印 'Hello, World!'。

document.write()
alert()
console.log()

使用 document.write()

document.write() 是一个函数，您可以使用它将内容打印到 HTML 文档中。

示例

//Program to print Hello, World!
document.write('Hello, World!');

输出

Hello, World!

说明

在此示例中，使用 document.write() 方法在浏览器上打印 Hello, World!。

使用 alert()

在 JavaScript 中，alert() 方法用于在当前窗口上方显示一个警告框，其中包含指定的 [消息](https://tpointtech.cn/javascript-alert)。

示例

//program to print Hello, World!
alert('Hello, World!');

输出

Hello, World!

说明

在此代码中，alert('Hello, World!') 是一个 JavaScript 语句，它将显示一个带有“Hello, World!”消息的弹出框。

使用 console.log()

在 JavaScript 中，console.log 是一个用于在 Web 控制台中记录消息的函数。

示例

//program to print Hello, World!
console.log('Hello, World!');

输出

Hello, World!

说明

在此代码中，console.log('Hello, World!') 将消息 Hello, World! 记录到控制台。

放置 JavaScript 代码的 3 个位置

JavaScript 代码可以放置在网页中的三个主要位置之间。

在 HTML 的 body 标签内
在 HTML 的 head 标签内
外部 JavaScript（在 .js 文件中）

在 HTML 的 body 标签内

当我们将 JavaScript 放在 HTML 的 body 标签内时，可以确保在脚本执行之前页面内容已加载。

示例

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

在 HTML 的 head 标签内

此方法会在页面内容加载之前运行脚本，这可能会延迟渲染。

示例

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

外部 JavaScript

外部 JavaScript 是一种在扩展名为 .js 的文件中编写 JavaScript 程序的方式。换句话说，JavaScript 程序可以编写在扩展名为 .js 的外部文件中。

在 HTML 文件中，使用

我们提供所有技术（如 Java 教程、Android、Java 框架）的教程和面试问题

联系信息

G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India

hr@tpointtech.com

关注我们

教程

Java 数据结构 C 语言 C++ 教程 C# 教程 PHP 教程 HTML 教程 JavaScript 教程 jQuery 教程 Spring 教程

面试题

Microsoft Amazon Adobe Intuit Accenture Cognizant Capgemini Wipro Tcs Infosys

在线编译器

C R C++ Php Java Html Swift Python JavaScript TypeScript

最新帖子 | 教程列表 | 隐私政策 | 关于我们 | 联系我们

© 版权所有 2011 - 2025 TpointTech.com。保留所有权利。