如何更改网页标题,修改网页标题的三种方法
本教程运行环境:windows7系统,javascript1.8.5版本1.8.5,戴尔G3电脑。
Title在html中是一个特殊的节点元素,因为它可以使用document . getelementsbytagname( title )[0]来获取网页的title标签,但是不能用document . getelementsbytagname( title )[0]来改变它的值。innerHTML。修改测试的原生js有两种方式,也可以简单的在jQuery中设置。下面给大家介绍一下。
innerText 方式
通过console . log(document . getelementsbytagname( title )[0])发现title标签是可以打印的,标签中只有文本节点,所以猜测只能识别TextNode,所以用innerText的方式设置title的值是成功的。
document . getelementsbytagname( title )[0]。innerText=要设置的值;document.title方式
测试后,还可以通过document.title设置title的值
console . log(document . title);#可以获得称号的价值。
Document.title=要设置的值;#设置标题的值。例子
window.onfocus=function () {
Document.title=又恢复正常了.;
};
window.onblur=function () {
Document.title=快回来~页面崩溃;
};当我们在浏览器获得焦点和失去焦点的情况下改变title的值时,我们可以发现浏览器标签页切换时标题也发生了变化。
jQuery方式
当然,如果你的项目依赖于jQuery,可以用jq的方法来设置。
$(title )。html(值)
$(title )中的两种方法。可以实现文本(值)jq。
总结
在原生js中,我们可以通过两种方式动态修改网页的标题:innerText和document。标题。
我们可以用$(title )来修改jq。html(值)或$(标题)。文本(“值”)。
以上是JS详细的更改浏览器标题的方法。觉得有用就收藏吧。
有关编程的更多信息,请访问:编程视频!以上是javascript如何改变网页标题的细节。更多请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。