返回

JavaScript 基础用法与输出

前端

JavaScript 是一种广泛使用的高级编程语言，主要用于创建动态交互式 Web 内容。它被嵌入 HTML 页面中，可以直接在浏览器中执行。JavaScript 可用于创建游戏、表单、图像动画等各种交互式效果。

向 HTML 页面中插入 JavaScript

如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。<script> 标签会告诉 JavaScript 在何处开始和结束。在本例中，我们把一个 JavaScript 函数放置到 HTML 页面的 <body> 部分。

<html>
<head>

</head>
<body>
<script>
function sayHello() {
  document.write("Hello, world!");
}
</script>
</body>
</html>

使用 JavaScript 函数

JavaScript 函数是代码块，它可以被重复使用。函数可以使用 function 定义，后面跟函数名和参数列表。函数体由一对大括号 {} 组成，其中包含函数的代码。

在本例中，我们定义了一个名为 sayHello() 的函数，它将字符串 "Hello, world!" 输出到文档。

function sayHello() {
  document.write("Hello, world!");
}

使用 document.write() 输出内容

document.write() 方法用于将内容输出到文档。它可以用来输出字符串、数字、HTML 代码等。

在本例中，我们使用 document.write() 方法将字符串 "Hello, world!" 输出到文档。

document.write("Hello, world!");

运行 JavaScript 代码

要运行 JavaScript 代码，需要使用 <script> 标签。<script> 标签的 src 属性指定要运行的 JavaScript 文件。

在本例中，我们将 JavaScript 代码放在 <script> 标签内，并将其放置到 HTML 页面的 <body> 部分。

<html>
<head>

</head>
<body>
<script>
function sayHello() {
  document.write("Hello, world!");
}
sayHello();
</script>
</body>
</html>

当浏览器加载 HTML 页面时，它会执行 <script> 标签中的 JavaScript 代码。在本例中，浏览器会执行 sayHello() 函数，并将字符串 "Hello, world!" 输出到文档。