javascript如何获取网页的标题(title)?

时间: 2019-12-27阅读: 1226标签: 网页

网页的标题(title),一般是由html文件的<title>标签决定的。如果想要获取网页的标题(title),其实就是获取<title>标签中的内容。下面本篇文章就来给大家介绍一下获取方法,希望对大家有所帮助。


方法一:使用title属性

title 属性可返回当前文档的标题( html title 元素中的文本)。

语法

document.title

示例:使用document.title属性获取HTML文档的标题。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>My title</title>
	</head>

	<body>
		标题为:
		<script type="text/JavaScript">
			document.write(document.title)
		</script>
	</body>

</html>

输出:

标题为: My title


方法二:使用document.getElementsByTagName()方法

getElementsByTagName() 方法可返回带有指定标签名的对象的集合,该方法返回元素的顺序是它们在文档中的顺序。

语法

document.getElementsByTagName(tagname)

示例:document.getElementsByTagName()方法首先按标签名称选择标题,然后在索引0处获取元素,从而获得文档的标题。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>My title!</title>
	</head>

	<body>
		标题为:
		<script type="text/JavaScript">
			var title = document.getElementsByTagName("title")[0]; 
			document.write(title.innerHTML)
		</script>
	</body>

</html>

输出:

标题为: My title!
站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/7872

关闭

JavaScript网页截屏方法,你get到了嘛?

之前我曾写过如何将canvas图形转换成图片和下载canvas图像的方法,这些都是在为这个插件做技术准备。技术路线很清晰,将网页的某个区域的内容生成图像

网页开发中利用CSS以图换字的多中实现方法总汇

CSS以图换字的技术,很久都没人提起了。它是一种在h1标签内,使用图像替换文本元素的技术,使页面在设计和可访问性之间达到平衡。本文将详细介绍CSS以图换字的9种方法

网页中文本朗读功能开发实现分享

同时针对大段的文本,不能整段的去读,要按照标点符号进行断句处理。重点当然就是先获取到当前标签上的文本,再把文本转化成语音即可。

使用 CSS 追踪用户

除了使用 JS 追踪用户,现在有人提出了还可以使用 CSS 进行网页追踪和分析,译者认为,这种方式更为 优雅,更为 简洁,且 不好屏蔽,值得尝试一波

如何嵌套一个网页html到另一个html中

在网页开发中,经常会遇到把一些通用内容的页面集中到一个页面中,需要使用这些页面只需要包含引入即可,这样有利于维护和修改,当通用页面修改时只需更改一个文件就可以了,不需要每个文件单独处理。

网页tab键的实现

前端常用tab键的实现,用到的原理是当点击一个元素时,通过javascript操作css的display属性,达到控制另一个元素的显示(display: block)与不显示(display: none),需要注意的是,由于使用的是onclick事件

html网页自动跳转方法_整理网页自动跳转的5种方法

网页自动跳转,是指当用户访问某个网页时,被自动跳转到另一个网页中去。网页自动跳转的主要作用是,当域名变更后,或者网站里的一个或多个网页被删除后,可以使用这种方式将用户引导到其它正常的网页中去,从而留住用户。

网页设计十大流行趋势

最近看到越来越多的网络设计尝试个性化的风格,其中比较突出的一点是个性化字体的增多:用自己独特设计的字体代替标准印刷体,让设计更加独特,配色改变反应了人们审美需求的改变。同色系网站设计将成为主流

静态网页与动态网页的区别?

静态网页是标准的HTML文件,它的文件扩展名是.htm、.html,静态网页是网站建设的基础。从网站浏览者的角度来看,无论是动态网页还是静态网页,都可以展示基本的文字和图片信息,但从网站开发、管理、维护的角度来看就有很大的差别。

静态和动态网页的区别?

在静态web程序中,客户端使用web浏览器经过网络连接到服务器上,使用HTTP协议发起一个请求(Request),告诉服务区我现在需要得到哪个页面,所有的请求交给web服务器

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!