javascript中title属性怎么使用

2023-06-26,

本篇内容介绍了“javascripttitle属性怎么使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

在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>

“javascript中title属性怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注本站网站,小编将为大家输出更多高质量的实用文章!

《javascript中title属性怎么使用.doc》

下载本文的Word格式文档,以方便收藏与打印。