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>
document.getElementsByTagName("title")[0].innerText='需要设置的值';</pre>
<p>document.title方式<br/>
</p>
<p>经过测试，还可通过document.title设置title的值。</p>
<pre>
console.log(document.title);#可以获取title的值。
document.title='需要设置的值';#设置title的值。
</pre>
<p>例子</p>
<pre>
window.onfocus=function(){
document.title='恢复正常了...';
};
window.onblur=function(){
document.title='快回来~页面崩溃了';
};</pre>
<p>我们在浏览器取得了焦点和失去焦点的时候改变title的值，可以发现切换浏览器选项卡的时候，title发生了改变。</p>
<p>jQuery方式<br/>
</p>
<p>当然如果你的项目里面依赖jQuery,可以使用jq的方法设置</p>
<pre>
$('title').html('')
$('title').text('')</pre>
<p>jq中两种方式都可以实现</p>
<p>总结<br/>
</p>
<p>原生js中我们可以通过innerText,document.title两种方式动态修改网页的title.<br/>
</p>
<p>jq中我们可以通过$('title').html('')或者$('title').text('')进行修改。</p>
<p>以上就是JS更改浏览器TITLE的详细方法，感觉有用就收藏一下吧。</p></section>
</div>
</div>
<!--文章阅读上下按钮-->
<nav>
<span class="meta-nav"><a href="/article/220935.html" title="解决ios audio无法播放问题" se_prerender_url="complete">上一篇<br>解决ios audio无法播放问题</a></span>
<span class="meta-nav"><a href="/article/220933.html" title="linux下svn版本控制的常用命令大全" se_prerender_url="complete">下一篇<br>linux下svn版本控制的常用命令大全</a></span>
<div class="clear"></div>
</nav>
<!-- 文章推荐 -->
<div class="article-recommend">
<h3>热门推荐</h3>
<div class="title"><span class="s-1">1</span> <a href="/article/370989.html" title="虎年新年专属祝福语简短">虎年新年专属祝福语简短</a></div>
<div class="title"><span class="s-2">2</span> <a href="/article/370818.html" title="恋爱很久的祝福语简短">恋爱很久的祝福语简短</a></div>
<div class="title"><span class="s-3">3</span> <a href="/article/370826.html" title="单位搬迁新楼祝福语简短">单位搬迁新楼祝福语简短</a></div>
<div class="title"><span class="s-4">4</span> <a href="/article/370721.html" title="新年祝福语给婆婆简短">新年祝福语给婆婆简短</a></div>
<div class="title"><span class="s-5">5</span> <a href="/article/370809.html" title="简短媳妇的生日祝福语">简短媳妇的生日祝福语</a></div>
<div class="title"><span class="s-6">6</span> <a href="/article/370984.html" title="相恋人回去祝福语简短">相恋人回去祝福语简短</a></div>
<div class="title"><span class="s-7">7</span> <a href="/article/370848.html" title="新人给朋友祝福语简短">新人给朋友祝福语简短</a></div>
<div class="title"><span class="s-8">8</span> <a href="/article/370770.html" title="结婚给姐妹祝福语简短">结婚给姐妹祝福语简短</a></div>
<div class="title"><span class="s-9">9</span> <a href="/article/370963.html" title="结婚对白誓言简短祝福语">结婚对白誓言简短祝福语</a></div>
<div class="title"><span class="s-10">10</span> <a href="/article/370964.html" title="八一幼儿祝福语大全简短">八一幼儿祝福语大全简短</a></div>
<div class="title"><span class="s-11">11</span> <a href="/article/370761.html" title="公司乔迁食堂祝福语简短">公司乔迁食堂祝福语简短</a></div>
<div class="title"><span class="s-12">12</span> <a href="/article/370950.html" title="婚礼结束聚餐祝福语简短">婚礼结束聚餐祝福语简短</a></div>
<div class="title"><span class="s-13">13</span> <a href="/article/370948.html" title="儿媳买车妈妈祝福语简短">儿媳买车妈妈祝福语简短</a></div>
<div class="title"><span class="s-14">14</span> <a href="/article/370829.html" title="毕业送礼老师祝福语简短">毕业送礼老师祝福语简短</a></div>
<div class="title"><span class="s-15">15</span> <a href="/article/370843.html" title="同事辞职正常祝福语简短">同事辞职正常祝福语简短</a></div>
<div class="title"><span class="s-16">16</span> <a href="/article/371001.html" title="恭贺新婚文案祝福语简短">恭贺新婚文案祝福语简短</a></div>
<div class="title"><span class="s-17">17</span> <a href="/article/370949.html" title="金店立秋祝福语简短英文">金店立秋祝福语简短英文</a></div>
<div class="title"><span class="s-18">18</span> <a href="/article/370894.html" title="婆婆高寿祝福语大全简短">婆婆高寿祝福语大全简短</a></div>
</div>
<div class="add-gg">
<!-- 文章内页广告 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4387516810452807"
data-ad-slot="9131157744"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<!--侧边栏-->
<div id="sidebar">
<li class="sidebar-box">
<h3 class="widget-title">随机推荐</h3>
<ul>
<li>
<a href="/article/371021.html" title="新年稳重的祝福语简短">新年稳重的祝福语简短</a>
</li>
<li>
<a href="/article/371020.html" title="新婚过年祝福语大全简短">新婚过年祝福语大全简短</a>
</li>
<li>
<a href="/article/371019.html" title="法考面试祝福语简短">法考面试祝福语简短</a>
</li>
<li>
<a href="/article/371018.html" title="爸爸爱你祝福语大全简短">爸爸爱你祝福语大全简短</a>
</li>
<li>
<a href="/article/371017.html" title="老哥出门祝福语简短语">老哥出门祝福语简短语</a>
</li>
<li>
<a href="/article/371016.html" title="虎年台词祝福语大全简短">虎年台词祝福语大全简短</a>
</li>
<li>
<a href="/article/371015.html" title="新年的鸡汤祝福语简短">新年的鸡汤祝福语简短</a>
</li>
<li>
<a href="/article/371014.html" title="虎年开新车祝福语简短">虎年开新车祝福语简短</a>
</li>
<li>
<a href="/article/371012.html" title="新春进门祝福语大全简短">新春进门祝福语大全简短</a>
</li>
<li>
<a href="/article/371011.html" title="年前幸福祝福语大全简短">年前幸福祝福语大全简短</a>
</li>
<li>
<a href="/article/371010.html" title="学生开心成语祝福语简短">学生开心成语祝福语简短</a>
</li>
<li>
<a href="/article/371009.html" title="新郎表白成语祝福语简短">新郎表白成语祝福语简短</a>
</li>
<li>
<a href="/article/371008.html" title="周年庆典祝福语致辞简短">周年庆典祝福语致辞简短</a>
</li>
<li>
<a href="/article/371007.html" title="动心的生日祝福语简短">动心的生日祝福语简短</a>
</li>
<li>
<a href="/article/371006.html" title="春天变冷祝福语简短">春天变冷祝福语简短</a>
</li>
<li>
<a href="/article/371005.html" title="喜得新房文案祝福语简短">喜得新房文案祝福语简短</a>
</li>
</ul>
</li>
<li class="sidebar-box">
<!-- google文章侧边 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4387516810452807"
data-ad-slot="8604338277"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</li>
</div>
</div>
</div>
<ul class="suspend">
<li class="back-top" onclick="backTop()">
<i class="fa fa-chevron-up"></i>
<span class="more">返回顶部</span>
</li>
<li>
<a href="http://wpa.qq.com/msgrd?v=3&uin=3162201930&site=qq&menu=yes">
<i class="fa fa-qq"></i>
<span class="more">3162201930</span>
</a>
</li>
<li>
<a href="mailto:czq8825@qq.com">
<i class="fa fa-envelope"></i>
<span class="more">czq8825@qq.com</span>
</a>
</li>
<!-- <li>
<i class="fa fa-weixin"></i>
<span class="more weixin"><img src="https://www.haoziyuan.cc/Uploads/20210427/6087c019e1f1f.jpg" alt="微信二维码"></span>
</li> -->
</ul>
<footer class="footer clearfix">
<p>免责声明：网站资源来源于网络，如有侵权，请及时联系删除。</p>
<p>Copyright © 2026 <a href="/">微客导航网</a>. All Rights Reserved.</p>
<p>
<a href="https://beian.miit.gov.cn">蜀ICP备2021004611号-4</a>
<a href="/sitemap.html">网站地图</a>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"KzuJqBC7sskDeRpE",ck:"KzuJqBC7sskDeRpE"})</script> </p>
</footer>
<script src="/Public/Home/js/main.js"></script>
<script type="text/javascript" src="/Public/Home/js/z_stat.js"></script>
</body>
</html> 