如何更改网页标题,修改网页标题的三种方法

  如何更改网页标题,修改网页标题的三种方法

  本教程运行环境: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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: