如何获取 html 页面的标题? 下面本篇文章就来给大家介绍一下使用 JavaScript 获取 HTML 文档标题的方法, 希望对大家有所帮助.
方法一: 使用 title 属性
title 属性可返回当前文档的标题 ( HTML title 元素中的文本).
语法:
document.title
示例: 使用 document.title 属性获取 HTML 文档的标题.
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="UTF-8">
- <title>My title</title>
- </head>
- <body>
HTML 文件的标题为:
- <script type="text/javascript">
- document.write(document.title)
- </script>
- </body>
- </HTML>
输出:
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>
HTML 文件的标题为:
- <script type="text/javascript">
- var title = document.getElementsByTagName("title")[0];
- document.write(title.innerHTML)
- </script>
- </body>
- </HTML>
输出:
HTML 文件的标题为: My title!
来源: http://www.css88.com/qa/html5/10320.html