title在html中属于特殊的节点元素
因为它可以使用document.getElementsByTagName("title")[0]来获取网页的title标签，但却无法用document.getElementsByTagName("title")[0].innerHtml来更改它的值。
经测试原生js有两种方式可以修改，下面来介绍一下。
JavaScript设置页面标题的方法
1、innerText 方式
通过console.log(document.getElementsByTagName("title")[0]),发现能打印出
标签，标签里面只有文字节点，故猜测只能识别TextNode，所以用innerText方式设置title的值，果然成功了。
</p>
<pre class="brush:js;toolbar:false">document.getElementsByTagName("title")[0].innerText = '需要设置的值';</pre>
<p>
<strong>2、document.title方式</strong>
</p>
<p>
经过测试，还可通过document.title 设置title的值。
</p>
<pre class="brush:js;toolbar:false">console.log(document.title); # 可以获取title的值。
document.title = '需要设置的值'; # 设置title的值。</pre>
<p>
例子
</p>
<pre class="brush:js;toolbar:false">window.onfocus = function () {
document.title = '恢复正常了...';
};
window.onblur = function () {
document.title = '快回来~页面崩溃了';
};</pre>
<p>
以上就是JavaScript怎么设置页面标题的详细内容，更多请关注毛票票其它相关文章！
</p></section>
</div>
</div>
<!--文章阅读上下按钮-->
<nav>
<span class="meta-nav"><a href="/article/22928.html" title="javascript如何获取用户输入的值" se_prerender_url="complete">上一篇<br>javascript如何获取用户输入的值</a></span>
<span class="meta-nav"><a href="/article/22926.html" title="PHP中什么是状态模式？通过实例来了解它" se_prerender_url="complete">下一篇<br>PHP中什么是状态模式？通过实例来了解它</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/10835.html" title="毛坯房验收经验和常识 看了之后再验房心里有底">毛坯房验收经验和常识 看了之后再验房心里有底</a></div>
<div class="title"><span class="s-2">2</span> <a href="/article/10697.html" title="二手房收房如何交接 二手房收房注意问题">二手房收房如何交接 二手房收房注意问题</a></div>
<div class="title"><span class="s-3">3</span> <a href="/article/10605.html" title="专业验收毛坯房的价格 商品房验收合格的标准">专业验收毛坯房的价格 商品房验收合格的标准</a></div>
<div class="title"><span class="s-4">4</span> <a href="/article/10568.html" title="精装房怎么验收 精装房请验房师有用吗">精装房怎么验收 精装房请验房师有用吗</a></div>
<div class="title"><span class="s-5">5</span> <a href="/article/10567.html" title="一般要到哪里找验房师 验房师有哪些作用呢">一般要到哪里找验房师 验房师有哪些作用呢</a></div>
<div class="title"><span class="s-6">6</span> <a href="/article/10566.html" title="请人验房一般是多少钱 验房师费用是多少">请人验房一般是多少钱 验房师费用是多少</a></div>
<div class="title"><span class="s-7">7</span> <a href="/article/10553.html" title="怎样测量房子面积 建筑面积和使用面积怎么算">怎样测量房子面积 建筑面积和使用面积怎么算</a></div>
<div class="title"><span class="s-8">8</span> <a href="/article/10550.html" title="收房需要注意什么 仔细检查不松懈">收房需要注意什么 仔细检查不松懈</a></div>
<div class="title"><span class="s-9">9</span> <a href="/article/10548.html" title="收房时三书一证一表是什么 主要作用介绍">收房时三书一证一表是什么 主要作用介绍</a></div>
<div class="title"><span class="s-10">10</span> <a href="/article/10547.html" title="交房时交房税费有哪些 本文为你一一讲解">交房时交房税费有哪些 本文为你一一讲解</a></div>
<div class="title"><span class="s-11">11</span> <a href="/article/10526.html" title="验房都需要验什么 要做哪些准备呢">验房都需要验什么 要做哪些准备呢</a></div>
<div class="title"><span class="s-12">12</span> <a href="/article/10525.html" title="毛坯房验房师有必要请吗 毛坯房装修完如何验收">毛坯房验房师有必要请吗 毛坯房装修完如何验收</a></div>
<div class="title"><span class="s-13">13</span> <a href="/article/7820.html" title="地下室防水工程质量验收规范详解">地下室防水工程质量验收规范详解</a></div>
<div class="title"><span class="s-14">14</span> <a href="/article/4947.html" title="水性涂料、油性涂料区别介绍">水性涂料、油性涂料区别介绍</a></div>
<div class="title"><span class="s-15">15</span> <a href="/article/4517.html" title="零基础布艺DIY工坊 教你做超萌猫头鹰钥匙包">零基础布艺DIY工坊 教你做超萌猫头鹰钥匙包</a></div>
<div class="title"><span class="s-16">16</span> <a href="/article/4438.html" title="三棵树漆怎么样？三棵树漆官方网站">三棵树漆怎么样？三棵树漆官方网站</a></div>
<div class="title"><span class="s-17">17</span> <a href="/article/4258.html" title="家庭“装修套餐”中猫腻你知道吗？">家庭“装修套餐”中猫腻你知道吗？</a></div>
<div class="title"><span class="s-18">18</span> <a href="/article/4051.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/280090.html" title="javascript如何操作HTML下拉列表标签">javascript如何操作HTML下拉列表标签</a>
</li>
<li>
<a href="/article/280091.html" title="七夕情人节丘比特射箭小游戏">七夕情人节丘比特射箭小游戏</a>
</li>
<li>
<a href="/article/280093.html" title="详解Python3中yield生成器的用法">详解Python3中yield生成器的用法</a>
</li>
<li>
<a href="/article/280097.html" title="使用Python3编写抓取网页和只抓网页图片的脚本">使用Python3编写抓取网页和只抓网页图片的脚本</a>
</li>
<li>
<a href="/article/280098.html" title="js代码实现无缝滚动(文字和图片)">js代码实现无缝滚动(文字和图片)</a>
</li>
<li>
<a href="/article/280110.html" title="使用C语言构建基本的二叉树数据结构">使用C语言构建基本的二叉树数据结构</a>
</li>
<li>
<a href="/article/280124.html" title="easyui Droppable组件实现放置特效">easyui Droppable组件实现放置特效</a>
</li>
<li>
<a href="/article/280128.html" title=".net从服务器下载文件中文名乱码解决方案">.net从服务器下载文件中文名乱码解决方案</a>
</li>
<li>
<a href="/article/280129.html" title="深入理解Python中字典的键的使用">深入理解Python中字典的键的使用</a>
</li>
<li>
<a href="/article/280130.html" title="详解Python中映射类型的内建函数和工厂函数">详解Python中映射类型的内建函数和工厂函数</a>
</li>
<li>
<a href="/article/280131.html" title="asp.net中如何调用sql存储过程实现分页">asp.net中如何调用sql存储过程实现分页</a>
</li>
<li>
<a href="/article/280135.html" title="解决SQL Server无法启动的小技巧">解决SQL Server无法启动的小技巧</a>
</li>
<li>
<a href="/article/280138.html" title="彻底删除SQL Server注册表的方法">彻底删除SQL Server注册表的方法</a>
</li>
<li>
<a href="/article/280141.html" title="深入解析Python中的集合类型操作符">深入解析Python中的集合类型操作符</a>
</li>
<li>
<a href="/article/280144.html" title="使用PHP和JavaScript判断请求是否来自微信内浏览器">使用PHP和JavaScript判断请求是否来自微信内浏览器</a>
</li>
<li>
<a href="/article/280146.html" title="深入探究PHP的多进程编程方法">深入探究PHP的多进程编程方法</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=514930285&site=qq&menu=yes">
<i class="fa fa-qq"></i>
<span class="more">514930285</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="http://www.haoziyuan.cc/Uploads/20210427/6087c019e1f1f.jpg" alt="微信二维码"></span>
</li> -->
</ul>
<footer class="footer clearfix">
<p>免责声明：网站资源来源于网络，如有侵权，请及时联系删除。</p>
<p>Copyright © 2024 <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:"KRBIHUupjRSBtYXu",ck:"KRBIHUupjRSBtYXu"})</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> 