📌  相关文章
📜  javascript 更改页面标题 - Javascript (1)

📅  最后修改于: 2023-12-03 15:16:13.545000             🧑  作者: Mango

JavaScript 更改页面标题 - JavaScript

当你在使用 JavaScript 开发网站时，有时你可能需要更改页面的标题。在这篇文章中，我们将介绍如何使用 JavaScript 来更改页面的标题。

代码示例
HTML

我们首先需要一个 HTML 页面，其中必须包含 元素，因为我们将要更改的是页面标题。

<!DOCTYPE html>
<html>
  <head>
    <title>原标题</title>
  </head>
  <body>
    <h1>页面标题示例</h1>
    <p>这里是页面正文内容。</p>
  </body>
</html>
JavaScript

以下是一个简单的 JavaScript 代码，用于更改页面标题：

// 获取 <title> 元素
var title = document.getElementsByTagName('title')[0];

// 更改页面标题
title.innerHTML = '新标题';

当页面加载时，JavaScript 将会执行，获取位于 元素内的 元素，然后更改其文本内容为新标题。

Markdown

前面介绍的 HTML 和 JavaScript 代码可以使用 Markdown 来展示：

# JavaScript 更改页面标题 - JavaScript

当你在使用 JavaScript 开发网站时，有时你可能需要更改页面的标题。在这篇文章中，我们将介绍如何使用 JavaScript 来更改页面的标题。

## 代码示例

### HTML

我们首先需要一个 HTML 页面，其中必须包含 <head> 元素，因为我们将要更改的是页面标题。

```HTML
<!DOCTYPE html>
<html>
  <head>
    <title>原标题</title>
  </head>
  <body>
    <h1>页面标题示例</h1>
    <p>这里是页面正文内容。</p>
  </body>
</html>
JavaScript

以下是一个简单的 JavaScript 代码，用于更改页面标题：

// 获取 <title> 元素
var title = document.getElementsByTagName('title')[0];

// 更改页面标题
title.innerHTML = '新标题';

当页面加载时，JavaScript 将会执行，获取位于 元素内的 元素，然后更改其文本内容为新标题。