以下是一些关于 title 属性的常见操作:
获取和设置标题:
可以通过 document.title 来获取或设置文档的标题。
示例:
<!DOCTYPE html>
<html>
<head>
<title>初始标题</title>
</head>
<body>
<script>
// 获取当前文档的标题
var currentTitle = document.title;
console.log("当前标题:" + currentTitle);
// 设置新的标题
document.title = "新的标题";
console.log("更新后的标题:" + document.title);
</script>
</body>
</html>
上述示例中,通过 document.title 获取了当前文档的标题,并通过 document.title = "新的标题" 来设置新的标题。
动态修改标题:
可以通过脚本动态地更改文档的标题,例如在用户与页面交互时或基于特定条件的变化。
示例:
<!DOCTYPE html>
<html>
<head>
<title>初始标题</title>
</head>
<body>
<button onclick="changeTitle()">更改标题</button>
<script>
function changeTitle() {
// 动态更改标题
document.title = "新的动态标题";
}
</script>
</body>
</html>
上述示例中,点击按钮会调用 changeTitle 函数,该函数通过 document.title 修改了文档的标题。
总的来说,title 属性是一个方便的方式来获取和设置文档标题,同时也支持动态修改标题以适应不同的情境。
转载请注明出处:http://www.zyzy.cn/article/detail/4435/HTML