给大家讲一个用javascript修改浏览器title方法和技巧，需要的朋友把代码测试吧。
title在html中属于特殊的节点元素.因为它可以使用document.getElementsByTagName(“title”)[0]来获取网页的title标签,但却无法用document.getElementsByTagName(“title”)[0].innerHtml用更改它的值。经测试原生js有两种方式可以修改，jQuery中也能简单设置。不清楚的小伙伴们可以了解一下。
innerText 方式
通过console.log(document.getElementsByTagName(“title”)[0]),发现能打印出
标签，标签里面只有文字节点，故猜测只能识别TextNode，所以用innerText方式设置title的值，果然成功了。</p>
<pre class="brush:php;toolbar:false;">document.getElementsByTagName("title")[0].innerText = '需要设置的值';</pre>
<p>登录后复制</p>
<p>document.title方式</p>
<p>立即学习“Java免费学习笔记（深入）”；</p>
<p>经过测试，还可通过document.title 设置title的值。</p>
<pre class="brush:php;toolbar:false;">console.log(document.title); # 可以获取title的值。document.title = '需要设置的值'; # 设置title的值。</pre>
<p>登录后复制</p>
<p>例子</p>
<pre class="brush:php;toolbar:false;">window.onfocus = function () { document.title = '恢复正常了...';};window.onblur = function () { document.title = '快回来~页面崩溃了';};</pre>
<p>登录后复制</p>
<p>我们在浏览器取得了焦点和失去焦点的时候改变title的值，可以发现切换浏览器选项卡的时候，title发生了改变。</p>
<p>jQuery方式</p>
<p>当然如果你的项目里面依赖jQuery,可以使用jq的方法设置</p>
<pre class="brush:php;toolbar:false;">$('title').html('')$('title').text('')</pre>
<p>登录后复制</p>
<p>jq中两种方式都可以实现</p>
<p>总结</p>
<p>原生js中我们可以通过 innerText , document.title 两种方式动态修改网页的title .</p>
<p>jq中我们可以通过 $(‘title’).html(”) 或者 $(‘title’).text(”) 进行修改。</p>
<p>上面是我整理给大家的，希望今后会对大家有帮助。</p>
<p>相关文章：</p>
<p class="art_xg">如何判断jQuery是否加载完成</p>
<p class="art_xg">如何判断jQuery是否加载完成</p>
<p class="art_xg">如何判断jQuery是否加载完成</p>
<p class="art_xg">如何判断jQuery是否加载完成</p>
<p class="art_xg">如何判断jQuery是否加载完成</p>
<p class="art_xg">如何判断jQuery是否加载完成</p>
<p>
以上就是使用javascript如何修改浏览器title的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2749144.html
