方法：1、使用“document.getElementsByTagName("title")[0].innerText = '值'”；2、使用“document.title='值'”；3、使用“$('title').html('值')”。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
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><strong>document.title方式</strong><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><strong>jQuery方式</strong><br/></p><p>当然如果你的项目里面依赖jQuery,可以使用jq的方法设置</p><pre>$('title').html('值')
$('title').text('值')</pre><p>jq中两种方式都可以实现</p><p><strong>总结</strong><br/></p><p>原生js中我们可以通过 <code>innerText</code> , <code>document.title</code> 两种方式动态修改网页的title .<br/></p><p>jq中我们可以通过 <code>$('title').html('值')</code> 或者 <code>$('title').text('值')</code> 进行修改。</p><p>以上就是JS更改浏览器TITLE的详细方法，感觉有用就收藏一下吧。</p><p>更多编程相关知识，请访问：编程视频！！</p><p>以上就是<a href="/tag-news-name-javascript-p-1.html">javascript</a>怎么更改网页标题的详细内容，更多请关注https://www.sxiaw.com/其它相关文章！</p></span>
</div>
</article>
<aside class="swnetnews">
<div class="lis">
<span><i>前端 热点</i></span>
<ul>
<li><a href="/doc/1848.html" title="XML Schema的一个简单的例子" target="_blank">XML Schema的一个简单的例子</a></li><li><a href="/doc/8128.html" title="vscode如何使用eslint" target="_blank">vscode如何使用eslint</a></li><li><a href="/doc/10842.html" title="在播美app中进行预约的详细教程" target="_blank">在播美app中进行预约的详细教程</a></li><li><a href="/doc/10185.html" title="在久伴中设置隐藏地址信息的步骤讲解" target="_blank">在久伴中设置隐藏地址信息的步骤讲解</a></li><li><a href="/doc/8585.html" title="和阅读取消订购的详细步骤" target="_blank">和阅读取消订购的详细步骤</a></li><li><a href="/doc/8420.html" title="利用天天快报下载视频的步骤讲解" target="_blank">利用天天快报下载视频的步骤讲解</a></li><li><a href="/doc/7834.html" title="利用手机支付宝充值Q币的具体步骤" target="_blank">利用手机支付宝充值Q币的具体步骤</a></li><li><a href="/doc/236.html" title="CorelDraw2019怎样添加新页面？CorelDraw2019添加新页面的方法" target="_blank">CorelDraw2019怎样添加新页面？CorelDraw2019添加新页面的方法</a></li><li><a href="/doc/2919.html" title="Linux怎么部署golang" target="_blank">Linux怎么部署golang</a></li><li><a href="/doc/10031.html" title="详解PHP会话如何实现在30分钟后被销毁（附代码实例）" target="_blank">详解PHP会话如何实现在30分钟后被销毁（附代码实例）</a></li><li><a href="/doc/9079.html" title="用PHP将女友照片转成可爱的动漫头像！" target="_blank">用PHP将女友照片转成可爱的动漫头像！</a></li><li><a href="/doc/5907.html" title="无限套娃，namesapce的命名之路" target="_blank">无限套娃，namesapce的命名之路</a></li><li><a href="/doc/5283.html" title="PHP安全问题汇总" target="_blank">PHP安全问题汇总</a></li><li><a href="/doc/5102.html" title="分享4个提高脚本性能的PHP技巧" target="_blank">分享4个提高脚本性能的PHP技巧</a></li><li><a href="/doc/4121.html" title="分享几种PHP并发场景的解决方案" target="_blank">分享几种PHP并发场景的解决方案</a></li><li><a href="/doc/3494.html" title="如何将MySQL数据库转换为Oracle数据库" target="_blank">如何将MySQL数据库转换为Oracle数据库</a></li> </ul>
</div>
</aside>
</main>
<script>
// first, find all the div.code blocks
document.querySelectorAll('pre').forEach(el => {
// then highlight each
hljs.highlightElement(el);
hljs.lineNumbersBlock(el);
});
</script>
<div id="footer">
<div class="w1200">
<p class="tips_text">本网站为非赢利性站点，本网站所有内容均来源于互联网相关站点自动搜索采集信息，相关链接已经注明来源。</p>
<p class="tips_text">Copyright © 2004-2018 https://m.sxiaw.com/. All Rights Reserved.<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?716b3e81948f3acc7a5d3e276a92f5a9";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<a href="http://beian.miit.gov.cn/" target="_blank">津ICP备2023001793号-1</a></p>
</div>
</div>
</body>
</html>