这篇文章将为大家详细讲解有关JavaScript如何设置页面标题，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
成都服务器托管，创新互联提供包括服务器租用、成都服务器托管、带宽租用、云主机、机柜租用、主机租用托管、CDN网站加速、域名注册等业务的一体化完整服务。电话咨询：13518219792
设置页面标题的方法：1、使用“document.getElementsByTagName("title")[0].innerText='需要设置的值';”语句；2、使用“document.title = '需要设置的值';”语句。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
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>document.getElementsByTagName("title")[0].innerText = '需要设置的值';</pre><p><strong>2、document.title方式</strong></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>关于“JavaScript如何设置页面标题”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。</p>
<br>
新闻名称：JavaScript如何设置页面标题 <br>
标题网址：<a href="https://jylskj.cn/article/gjdhgo.html">https://jylskj.cn/article/gjdhgo.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/ghjg.html">纵观康熙帝的一生，有哪些与他相关的轶事典故？</a>
</li><li>
<a href="/article/ijjji.html">域名未绑定到虚拟主机如何把域名绑定在虚拟主机上？-创新互联</a>
</li><li>
<a href="/article/ipdphp.html">微服务架构下分布式事务解决方案是怎样的呢</a>
</li><li>
<a href="/article/gioiij.html">JSP标记是什么意思</a>
</li><li>
<a href="/article/jdppcs.html">Ubuntu18.04中截图工具shutter的编辑按钮不可用的解决办法</a>
</li><li>
<a href="/article/jhicpc.html">学编程Python和Java哪个更好</a>
</li><li>
<a href="/article/dshdehh.html">帝国cms父级栏目id 帝国cms栏目没有了</a>
</li><li>
<a href="/article/dgjpgss.html">html5仿ppt 简述什么是HTML5</a>
</li><li>
<a href="/article/dgpjgch.html">set函数python</a>
</li><li>
<a href="/article/dpjcigo.html">谁说ERP不能上公有云？金蝶云无服务器版ERP登陆AWS</a>
</li> </ul>
</div>
</div>
<footer>
<div class="message">
<div class="mess container">
<p>免费获取网站建设与品牌策划方案报价</p>
<span>*主要业务范围包括：高端网站建设， 集团网站建设(网站建设网站制作)找网站建设公司就上四川简阳网站建设。</span>
<form action="">
<input type="text" class="ipt1" placeholder="联系人">
<input type="text" class="ipt2" placeholder="联系电话">
<textarea name="" id="" placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"></textarea>
<a href="">提交需求</a>
</form>
</div>
</div>
<div class="footA">
<div class="footAs container">
<ul>
<h3>联系我们</h3>
<b>028-86922220</b>
<li>手机：13518219792</li>
<li>地址：成都市简阳市大华国际财富中心2号楼</li>
<li class="hr1"></li>
<li>24小时服务热线：18982081108</li>
</ul>
<ul>
<h3>网站建设服务</h3>
<li><a href="https://www.cdcxhl.com/sheji/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站设计</a></li>
<li><a href="https://www.cdcxhl.com/zuo/jianyang.html" target="_blank" style="color:#B7B6B6">简阳做网站</a></li>
<li><a href="https://www.cdcxhl.com/zhizuo/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站制作</a></li>
</ul>
<ul>
<h3>网站推广服务</h3>
<li><a href="https://www.cdcxhl.com/google.html" target="_blank" style="color:#B7B6B6">Google外贸推广</a></li>
<li><a href="https://www.cdcxhl.com/seo/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站优化</a></li>
<li><a href="https://www.cdcxhl.com/quanwang.html" target="_blank" style="color:#B7B6B6">全网营销推广</a></li>
</ul>
<ul>
<h3>网站运维服务</h3>
<li><a href="https://www.cdcxhl.com/yunying.html" target="_blank" style="color:#B7B6B6">网站托管运营</a></li>
<li><a href="https://www.cdcxhl.com/gaiban/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站改版</a></li>
<li><a href="https://www.cdcxhl.com/weihu/jianyang.html" target="_blank" style="color:#B7B6B6">简阳网站维护</a></li>
</ul>
<ul>
<h3>FOLLOW US</h3>
<li class="hr2"></li>
<li>
<dd class="fl"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd>
<dd class="fr"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd>
</li>
</ul>
</div>
<div class="link container">
友情链接：
<a href="http://www.kmrqo.com/" title="昆明发电机租赁公司" target="_blank">昆明发电机租赁公司</a> <a href="http://www.kmnvn.com/" title="无纺布手提袋" target="_blank">无纺布手提袋</a> <a href="http://www.kmyqshr.com/" title="昆明智能窗帘" target="_blank">昆明智能窗帘</a> <a href="http://www.jtfdjwf.com/" title="金堂柴油发电机维修" target="_blank">金堂柴油发电机维修</a> <a href="http://www.weixiufdj.cn/" title="成都柴油发电机组维修" target="_blank">成都柴油发电机组维修</a> <a href="http://www.kmyqshr.com/" title="昆明电动窗帘" target="_blank">昆明电动窗帘</a> <a href="http://www.kmjmyy.com/" title="成都玻璃钢雕塑" target="_blank">成都玻璃钢雕塑</a> <a href="http://www.kmsgqb.cn/" title="昆明厨卫家具" target="_blank">昆明厨卫家具</a> <a href="http://www.anyegongjue.com/" title="成都静音发电机组" target="_blank">成都静音发电机组</a> <a href="http://www.ljkba.com/" title="成都重型叉车维修" target="_blank">成都重型叉车维修</a> </div>
</div>
<div class="footB">
<div class="container">
<div class="fl">
Copyright © 2026 四川简阳网站建设公司 四川简阳网站建设公司-选我们！四川专业的简阳网站制作公司！
</div>
<div class="fr">
All Rights Reserved 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2026002071号-11</a>
</div>
</div>
</div>
</footer>
</body>
</html>
<script>
$(".con img").each(function(){
var src = $(this).attr("src"); //获取图片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //绝对路径
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script>