javascript修改浏览器title⽅法JS动态修改浏览器标题title在html中属于特殊的节点元素.因为它可以使⽤ElementsByTagName("title")[0]来获取⽹页的title标签,但却⽆
法⽤ElementsByTagName("title")[0].innerHtml⽤更改它的值。经测试原⽣js有两种⽅式可以修改,jQuery中也能简单设置。不清楚的⼩伙伴们可以了解⼀下。
innerText ⽅式
javascript动态效果通过console.ElementsByTagName("title")[0]),发现能打印出<title>标签,标签⾥⾯只有⽂字节点,故猜测只能识别TextNode,所以⽤innerText⽅式设置title的值,果然成功了。
document.title⽅式
经过测试,还可通过document.title 设置title的值。
console.log(document.title); # 可以获取title的值。
document.title = '需要设置的值'; # 设置title的值。
例⼦
document.title = '恢复正常了...';
};
document.title = '快回来~页⾯崩溃了';
};
我们在浏览器取得了焦点和失去焦点的时候改变title的值,可以发现切换浏览器选项卡的时候,title发⽣了改变。
jQuery⽅式
当然如果你的项⽬⾥⾯依赖jQuery,可以使⽤jq的⽅法设置
$('title').html('')
$('title').text('')
jq中两种⽅式都可以实现
总结
原⽣js中我们可以通过 innerText , document.title 两种⽅式动态修改⽹页的title .
jq中我们可以通过 $('title').html('') 或者 $('title').text('') 进⾏修改。
以上就是JS更改浏览器TITLE的详细⽅法,感觉有⽤就收藏⼀下吧。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论