📌  相关文章
📜  jquery 更改文档标题 - Html (1)

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

使用jQuery更改文档标题

简介

在网站开发中，有时需要动态更改网页的标题。使用jQuery可以轻松实现这个功能。本文将介绍如何使用jQuery更改文档标题。

实现方法

1.获取文档对象的标题。

var title = $('title').text();

2.设置新的标题。

$('title').text('新的标题');
示例
HTML
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>原始标题</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <h1>Hello World!</h1>
    <p>这是一段示例内容。</p>
</body>
</html>
JavaScript
$(function(){
    var newTitle = "新标题";
    $('title').text(newTitle);
});

执行以上JavaScript代码后，页面标题将会变为“新标题”。

总结

本文介绍了使用jQuery更改文档标题的方法，并提供了示例代码。使用jQuery可以轻松实现页面标题的动态变化，方便用户体验和SEO优化。