js修改html的title,HTML设置标题

  js修改html的title,HTML设置标题

  本教程运行环境:windows7系统,javascript1.8.5jquery1.10.2版本1.10.2,戴尔G3电脑。

  js设置html title标题

  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=要设置的值;#设置标题的值。jQuery方式

  JQuery模式我们在浏览器获得焦点和失去焦点时改变title的值。我们可以发现,切换浏览器选项卡时,标题会发生变化。

  当然,如果你的项目依赖于jQuery,可以用jq的方法来设置。

  $(title )。html(“要设置的值”)

  $(title )。文本(“要设置的值”)示例:

  !声明文档类型

  超文本标记语言

  头

  meta charset=UTF-8

  标题你好/标题

  脚本src= js/jquery-1 . 7 . 2 . min . js /script

  /头

  身体

  脚本类型=文本/javascript

  //$(title )。html( we );

  $(title )。文本(我们);

  /脚本

  /body

  /html

  总结

  在原生js中,我们可以通过两种方式动态修改网页的标题:innerText和document。标题。

  我们可以用$(title )来修改jq。html()或$(title )。文本(“”)。

  【推荐学习:javascript高级教程】以上是js如何设置html title标题的细节。更多请关注我们的其他相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

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