1. JavaScript获取文档标题的方法
在JavaScript中，可以通过document.title属性获取当前页面的标题。下面是一个简单的例子：
console.log(document.title);
这个例子会在控制台输出当前文档的标题。
需要注意的是，document.title属性不仅可以获取当前文档的标题，还可以设置。例如，下面的代码会将文档标题设置为“Hello world！”：
document.title = 'Hello world！';
2. 使用JavaScript显示文档标题
获取文档标题之后，我们可以将它显示在页面上。最简单的方法就是使用"[xss_clean]()"方法直接在页面上输出标题。下面是一个例子：
"[xss_clean](document.title)";
这个例子会在页面上显示当前文档的标题。
需要注意的是，使用[xss_clean]()方法会覆盖当前页面上的所有内容。如果我们只想在页面上添加标题而不是覆盖它现有的内容，可以使用DOM操作方法来动态创建元素并将标题添加到相应的元素中。下面是一个例子：
// 创建一个<h1>元素
var heading = document.createElement('h1');
// 创建标题文本节点
var titleText = document.createTextNode(document.title);
// 将标题文本节点添加到<h1>元素中
heading.appendChild(titleText);
// 将<h1>元素添加到文档中的<body>元素中
document.body.appendChild(heading);
<h1>元素，将当前文档的标题添加到这个元素中，并将这个元素添加到页面的<body>元素中。
2.1 示例演示
下面是一个完整的示例，演示如何使用JavaScript显示文档标题：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>示例</title>
<script>
window.onload = function() {
// 获取当前文档的标题
var title = document.title;
// 创建一个<h1>元素
var heading = document.createElement('h1');
// 创建标题文本节点
var titleText = document.createTextNode(title);
// 将标题文本节点添加到<h1>元素中
heading.appendChild(titleText);
// 将<h1>元素添加到文档中的<body>元素中
document.body.appendChild(heading);
}
</script>
</head>
<body>
这是一个示例页面。
</body>
</html>
<h1>元素，并将标题文本节点添加到这个元素中。最后，将这个元素添加到页面的<body>元素中。
当页面加载完成后，我们就可以看到页面上显示了当前文档的标题。
3. 兼容性考虑
在使用JavaScript显示文档标题时，需要注意兼容性问题。虽然document.title属性在所有主流浏览器中都受支持，但在一些老旧的浏览器中可能存在一些问题。
特别是在使用[xss_clean]()方法输出标题时，要注意现代浏览器的安全策略。因为这个方法可能会被恶意脚本滥用，这样会导致安全漏洞和跨站脚本攻击。因此，尽量避免使用[xss_clean]()方法输出标题。
4. 总结
使用JavaScript显示文档标题可以为用户提供更好的体验。虽然这个功能很简单，但它可以使网站更加直观和易用。
在实现这个功能时，我们需要注意兼容性和安全性。尽量使用DOM操作方法动态创建元素，以避免安全问题。此外，也要注意在不同浏览器中的兼容性问题，确保代码能够在所有主流浏览器中正常运行。