如何获取一个HTML页面的标题

本文将讨论如何使用JavaScript获取HTML页面的标题。有许多方法可以实现这个目标，但我们在这里讨论其中几种最常用的方法。

示例1： 这个示例通过使用 document.title属性 获取文档的标题。

<!DOCTYPE html>
<html lang="en">
 
<head>
    <title>
        GeeksforGeeks Page Title
    </title>
</head>
 
<body style="text-align: center;">
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
 
    <h3>
        Click on button to get the 
        title of HTML document
    </h3>
     
    <button onClick="GFG_Fun()">
        Click Here
    </button>
     
    <p id="GFG2"></p>
     
    <script>
        let elm = document.getElementById('GFG2');
 
        function GFG_Fun() {
            elm.innerHTML = document.title;
        }
    </script>
</body>
 
</html>

输出：

如何获取一个HTML页面的标题

示例2： 此示例通过选择标记名称为”title”的元素，然后使用 document.getElementsByTagName() 方法取得索引为0的元素 ，来获取文档的标题。

<!DOCTYPE html>
<html lang="en">
 
<head>
    <title>
        GeeksforGeeks Page Title
    </title>
</head>
 
<body style="text-align: center;">
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
 
    <h3>
        Click on button to get the 
        title of HTML document
    </h3>
     
    <button onClick="GFG_Fun()">
        Click Here
    </button>
     
    <p id="GFG"></p>
     
    <script>
        let elm = document.getElementById('GFG');
 
        function GFG_Fun() {
            let title = document
                .getElementsByTagName("title")[0];
 
            elm.innerHTML = title.innerHTML;
        }
    </script>
</body>
 
</html>

输出：

如何获取一个HTML页面的标题