JavaScript怎么设置页面标题
时间:2021-08-09 来源:互联网
今天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的值,果然成功了。
document.getElementsByTagName("title")[0].innerText = '需要设置的值';
2、document.title方式
经过测试,还可通过document.title 设置title的值。
console.log(document.title); # 可以获取title的值。
document.title = '需要设置的值'; # 设置title的值。
例子
window.onfocus = function () {
document.title = '恢复正常了...';
};
window.onblur = function () {
document.title = '快回来~页面崩溃了';
};
以上就是JavaScript怎么设置页面标题的详细内容,更多请关注php爱好者其它相关文章!
-
逆水寒龙吟双刀元素流一键9.7W-净土秒伤搭配 2025-08-01
-
重返未来1999卡珊德拉怎么样-新角色卡珊德拉技能解析 2025-08-01
-
忘川风华录金戈演武-本赛季金戈怎么玩 2025-08-01
-
燕云河西探索怎么做-探索五级河西免费服装获得 2025-08-01
-
下一站江湖2经脉书怎么用-经脉系统玩法详细解析 2025-08-01
-
盗墓笔记手游技能怎么选-强力角色技能效果详解 2025-08-01