javascript中title属性的用法是什么

时间：2022-02-11 17:20

在javascript中，title属性用于设置或返回当前文档的标题，即HTML title元素中的文本内容；直接使用“document.title”语句即可返回标题，使用“document.title="需要设置的值"”语句即可修改标题。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

在javascript中，title属性用于设置或返回当前文档的标题（HTML title元素中的文本内容）。

语法：

返回文档标题

document.title

设置（修改）文档标题

document.title="需要设置的值"

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>旧文档标题</title>
	</head>
	<body>
		<input type="button" value="获取标题" id="btn1" />
		<input type="button" value="修改标题" id="btn2" />
		<script>
			function my(id) {
				return document.getElementById(id);
			}
			my("btn1").onclick = function() {
				var title = document.title;
				alert(title);
			}
			my("btn2").onclick = function() {
				document.title = "新文档标题";
				var title = document.title;
				alert("修改成功，新值为： " + title);
			}
		</script>
	</body>
</html>