HTML DOM Title 对象
HTML DOM Title 对象
HTML DOM Title 对象代表 HTML 文档的标题。在 HTML 文档中,标题是由 <title> 标签定义,它必须出现在 <head> 标签中。标题是显示在浏览器窗口的标题栏上或页面选项卡的标题上的文本。
属性:
- text:返回 <title> 元素的文本内容。
- innerHTML:设置或返回 <title> 元素的内容,包括 HTML 标记。
- default:设置或返回文档的默认标题。
方法:
- toString():返回 <title> 元素的文本内容,同 text 属性。
- addEventListener():向文档中标题添加事件处理程序。
- removeEventListener():从文档中标题删除事件处理程序。
使用方法:
1.获取标题文本:
const titleText = document.title.text;
2.设置标题:
document.title.innerHTML = “新标题”;
3.修改文档默认标题:
document.title.default = “新默认标题”;
4.为标题添加事件监听器:
document.title.addEventListener(“click”, function() { console.log(“标题被点击了!”); });
注意事项:
1.<title> 元素只能在 <head> 元素内使用。如果它在页面的其他位置使用,则无效。 2.文档标题被视为文档对象模型的属性。可以通过 document.title 访问它。但是,由于 title 属性早于 DOM,它不是真正的 DOM 元素。
总结:
HTML DOM Title 对象提供了访问和修改 HTML 文档标题的方法和属性。它允许您动态更改文档的标题以更好地定义文档的内容。此外,您还可以为标题添加事件处理程序来跟踪用户与它的交互。根据需要使用它,它是一个很好的工具,可以将网站精细化。