首页 > 文章 > web前端 > js怎么修改html的title标题

js怎么修改html的title标题

青灯夜游原创: 2021-09-03 16:53:367119浏览

js修改html title的方法：1、使用“document.title="需要设置的值";”语句；2、使用“$('title').html('需要设置的值')”或“$('title').text('需要设置的值')”语句。

js怎么修改html的title标题

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

方法1：document.title方式

经过测试，还可通过document.title 设置title的值。

document.title = &#39;需要设置的值&#39;;

例子

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>hello</title>
	</head>
	<body>
		<script type="text/javascript">
			document.title = &#39;php中文网&#39;;
		</script>
	</body>
</html>

js怎么修改html的title标题

方法2：利用jQuery的html()或text()方法

当然如果你的项目里面依赖jQuery，可以使用jq的方法设置。

jq中两种方式都可以实现

$(&#39;title&#39;).html(&#39;需要设置的值&#39;)
$(&#39;title&#39;).text(&#39;需要设置的值&#39;)

例子

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>hello</title>
		<script src="js/jquery-1.7.2.min.js"></script>
	</head>
	<body>
		<script type="text/javascript">
			// $(&#39;title&#39;).html(&#39;php中文网&#39;);
			$(&#39;title&#39;).text(&#39;php中文网&#39;);
		</script>
	</body>
</html>

js怎么修改html的title标题

【推荐学习：javascript高级教程】

以上是js怎么修改html的title标题的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：css怎么改行元素为块元素下一篇：javascript的保留字是什么

查看更多