javascript如何修改浏览器title方法
这篇文章主要介绍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>document.getElementsByTagName("title")[0].innerText = '需要设置的值';</pre><p>document.title方式</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方式</p><p>当然如果你的项目里面依赖jQuery,可以使用jq的方法设置</p><pre>$('title').html('')
$('title').text('')</pre><p>jq中两种方式都可以实现</p><p>总结</p><p>原生js中我们可以通过 innerText , document.title 两种方式动态修改网页的title .</p><p>jq中我们可以通过 $('title').html('') 或者 $('title').text('') 进行修改。</p><p>以上是“javascript如何修改浏览器title方法”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！</p>
<br>
网站栏目：javascript如何修改浏览器title方法 <br>
当前链接：<a href="http://kmvly.com/article/pocssc.html">http://kmvly.com/article/pocssc.html</a>
</div>
</div>
<div class="contentr fr">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/dedhggi.html">腾讯云服务器中国公司 腾讯云服务器中国公司排名</a>
</li><li>
<a href="/article/dedhgjj.html">c语言中取整用什么函数 c语言中的取整</a>
</li><li>
<a href="/article/dedhgps.html">c语言时间格式化函数 c语言日期格式化mmddyyyy</a>
</li><li>
<a href="/article/dedhgis.html">linux字符串替换命令 linux替换字符串 sed</a>
</li><li>
<a href="/article/dedhiie.html">比较日期Java代码 java比较日期实验报告</a>
</li> </ul>
</div>
</div>
</div>
<!--底部-->
<footer>
<div class="foot">
<div class="container">
<h1>昆明惠瑗芝建站您身边的网站制作服务商</h1>
<div class="foot1">
<ul>
<li>
<dl><i class="iconfont"></i><b>地址ADDRESS</b></dl>
<p>四川-成都青羊区太升南路288号<br>
锦天国际A座10楼
</p>
</li>
<li>
<dl><i class="iconfont"></i><b>电话/TEL</b></dl>
<p><a href="tel:02886922220" target="_blank">028 86922220</a> (工作日)<br>
<a href="tel:18980820575" target="_blank">1898082 0575</a> ( 7x24 )
</p>
</li>
<li>
<dl><i class="iconfont"></i><b>QQ咨询</b></dl>
<p> 244261566 (售前)<br>
631063699 (售后)
</p>
</li>
<li>
<dl><i class="iconfont"></i><b>邮箱/E: mail</b></dl>
<p> service@cdcxhl.com (业务)<br>
hr@cdcxhl.com (求职)
</p>
</li>
</ul>
</div>
<div class="link">
友情链接：
<a href="http://www.kmtzdif.com/" title="贝眉露水电" target="_blank">贝眉露水电</a> <a href="http://www.kmwor.com/" title="装饰五金配件销售" target="_blank">装饰五金配件销售</a> <a href="http://www.cdtuoyun.cn/" title="成都航空宠物托运" target="_blank">成都航空宠物托运</a> <a href="http://www.gzzfdj.com/" title="甘孜发电机" target="_blank">甘孜发电机</a> <a href="http://www.zmnkt.com/" title="资阳网站设计" target="_blank">资阳网站设计</a> <a href="http://www.lswzjz.cn/" title="lswzjz.cn" target="_blank">lswzjz.cn</a> <a href="https://www.scvps.cn/" title="域名申请" target="_blank">域名申请</a> <a href="http://www.fdjweixiu.com/" title="成都发电机维修" target="_blank">成都发电机维修</a> <a href="http://www.cdcxgsdb.com/" title="成都代办资质" target="_blank">成都代办资质</a> <a href="https://www.cdcxhl.com/gaiban/" title="企业网站改版" target="_blank">企业网站改版</a> </div>
</div>
</div>
<div class="copy container">
Copyright 