本文摘自PHP中文网,作者青灯夜游,侵删。
设置页面标题的方法:1、使用“document.getElementsByTagName("title")[0].innerText='需要设置的值';”语句;2、使用“document.title = '需要设置的值';”语句。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
title在html中属于特殊的节点元素
因为它可以使用document.getElementsByTagName("title")[0]
来获取网页的title标签,但却无法用document.getElementsByTagName("title")[0].innerHtml
来更改它的值。
经测试原生js有两种方式可以修改,下面来介绍一下。
JavaScript设置页面标题的方法
1、innerText 方式
通过console.log(document.getElementsByTagName("title")[0]),发现能打印出<title>标签,标签里面只有文字节点,故猜测只能识别TextNode,所以用innerText方式设置title的值,果然成功了。
1 |
|
2、document.title方式
相关阅读 >>
canvas中普通动效与粒子动效的实现 方法介绍(代码示例)
更多相关阅读请进入《javascript》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者