怎么在javascript中设置title

发布时间:2021-04-01 18:08:01 作者:Leah
来源:亿速云 阅读:345

本篇文章给大家分享的是有关怎么在javascript中设置title,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

在javascript中,可以利用title属性来设置title;title属性可以设置或返回元素的标题,语法格式“document.title ="title值"”

title在html中属于特殊的节点元素.因为它可以使用doucment.getElementsByTagName("title")[0]来获取它的标题,但却无法用doucment.getElementsByTagName("title")[0]用更改它的值.

但是,总有解决的方法,在javascript中,,修改title的方法是:

document.title = 'xxxxxx' ;

示例:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>旧标题,需要修改</title>
	</head>

	<body>
		<script>
			document.title = "新标题";
		</script>
	 </ody>
</html>

效果图:

怎么在javascript中设置title

<body></body>之间的节点元素用document.getElementsByTagName()来获取或修改;documentElement代表的是<html></html>中间的所有东西.

js会使用document.title来代替网页的title的原因是:title、head、body等标签是缺省的唯一标签,所以 document.titledocument.body可以直接找到结果。

而title是一个结构的标签,也就是说title内,只能加入nodetext;而不能再加别的元素。于是它的使用又具有 特殊性。为了不让代码出错,于是js中规定document.title这个对象只有一个属性(也可以说是没有属性),document.title本身就是document对象的一个属性,而不是它的一个子对象,于用document.title=""来更改title。

以上就是怎么在javascript中设置title,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。

推荐阅读:
  1. 怎么在Vue 中动态修改title
  2. 怎么在vue中动态设置meta标签和title标签

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript title

上一篇:javascript中的三目运算符有哪些

下一篇:怎么在Laravel中自定义webpack.mix.js

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》