并在页面上显示一段长文本。
我们需要在 HTML 文件中创建一个标题和一段文本，在 HTML 中，标题可以使用 `` 标签来创建，文本可以使用 `` 标签来创建。
<!DOCTYPE html>
<html>
<head>
<title>JavaScript 示例</title>
</head>
<body>
<h1 id="title">JavaScript 示例</h1>
<p id="content"></p>
<script src="script.js"></script>
</body>
</html>我们在一个单独的 JavaScript 文件（这里假设为 `script.js`）中编写代码，来改变上述 HTML 文件中的标题和文本。
document.getElementById("title").innerHTML = "欢迎来到我的 JavaScript 教程！";
document.getElementById("content").innerHTML = "JavaScript 是一种轻量级的编程语言，常用于网页开发。它使网页具有交互性，能够响应用户的操作。在这段教程中，我们将学习如何使用 JavaScript 来改变网页的内容。\n\nJavaScript 可以直接在 HTML 文件中使用，也可以通过外部文件引入。在这个例子中，我们将通过外部文件来引入 JavaScript。首先，我们需要在 HTML 文件中创建一个标题和一个段落，并通过 ID 来标识它们。然后，在 JavaScript 文件中，我们使用 `document.getElementById()` 方法来获取这些元素，并使用 `innerHTML` 属性来改变它们的内容。\n\nJavaScript 的语法非常简单易懂。它支持变量、条件语句、循环等基本的编程结构。通过学习 JavaScript，你可以创建动态的、交互式的网页，提高用户体验。\n\n让我们开始学习 JavaScript 的旅程吧！";上述代码首先获取了 HTML 文件中的标题和段落元素，然后通过 `innerHTML` 属性来改变它们的内容，这段代码是非常简单易懂的，即使是没有编程经验的人也能够理解。
