如何使用jQuery获得当前HTML页面的标题

要获得当前HTML页面的标题，可以使用jQuery中提供的 .text() 和 .html() 方法。

使用 .text() 方法可以获取文本内容，可以通过链式调用 .text() 方法获取当前页面的标题文本。示例代码如下：

$(document).ready(function() {
   var pageTitle = $('title').text(); 
   console.log(pageTitle);  //输出当前页面的标题文本
});

在这个例子中，我们首先使用 $() 函数获取 <title> 元素，然后通过 .text() 方法获取它的文本内容。最后将页面标题文本输出到控制台上，以便进行调试。

与 .text() 方法不同，.html() 方法获取的是HTML元素及其内容。同样可以通过链式调用 .html() 方法获取当前页面的标题。示例代码如下：

$(document).ready(function() {
   var pageTitle = $('title').html(); 
   console.log(pageTitle);  //输出当前页面的标题和HTML标签，如：<title>页面标题</title>
});

在这个例子中，同样是通过 $() 函数获取 <title> 元素，然后通过 .html() 方法获取它的HTML元素及其内容。最后将页面标题和HTML标签输出到控制台上。

无论是使用 .text() 还是使用 .html() 方法，都能获取到页面的标题，取决于你需要的内容是文本还是包含HTML标签的完整字符串。

Tags: jquery