这篇文章将为大家详细讲解有关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="http://mswzjz.cn/article/gjdhgo.html">http://mswzjz.cn/article/gjdhgo.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/esooce.html">新沂启航抖音代运营</a>
</li><li>
<a href="/article/esooih.html">吴中区短视频代运营招聘</a>
</li><li>
<a href="/article/esoodo.html">北京短视频代运营如何选择的介绍商？</a>
</li><li>
<a href="/article/esoois.html">成都网站建设透明效果的使用技巧</a>
</li><li>
<a href="/article/esooeo.html">抖音达人探店介绍万达商业圈的美食好去处</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>地址：成都市太升南路288号锦天国际A幢1002号</li>
<li class="hr1"></li>
<li>24小时服务热线：400-028-6601</li>
</ul>
<ul>
<h3>网站建设服务</h3>
<li>网页设计</li>
<li>网站制作</li>
<li>网站开发</li>
</ul>
<ul>
<h3>网站推广服务</h3>
<li>营销网站建设</li>
<li>百度快速排名</li>
<li>整站网站推广</li>
</ul>
<ul>
<h3>网站运维服务</h3>
<li>基础维护</li>
<li>网站改版</li>
<li>网站维护</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.muyebzx.com/" title="木业包装箱" target="_blank">木业包装箱</a> <a href="http://www.xhgfhy.com/
" title="成都封阳台" target="_blank">成都封阳台</a> <a href="https://www.cdxwcx.com/jifang/xiyun.html" title="成都移动机房" target="_blank">成都移动机房</a> <a href="http://m.cdcxhl.cn/shop/
" title="成都商城网站建设" target="_blank">成都商城网站建设</a> <a href="http://www.dmvi.cn/ser/baozhuang/" title="成都包装设计公司" target="_blank">成都包装设计公司</a> <a href="http://www.scarg.cn/" title="艾瑞格衣柜" target="_blank">艾瑞格衣柜</a> <a href="http://www.lzgulin.com/" title="四川正泰动物" target="_blank">四川正泰动物</a> <a href="http://m.cdxwcx.com/tuoguan.html" title="成都服务器托管" target="_blank">成都服务器托管</a> <a href="http://www.gdruijie.cn/" title="南充网站制作" target="_blank">南充网站制作</a> <a href="http://www.2518874.com/" title="王君美油画" target="_blank">王君美油画</a>
</div>
</div>
<div class="footB">
<div class="container">
<div class="fl">
四川攀枝花网站建设公司 四川攀枝花网站建设公司-选我们！四川专业的攀枝花网站制作公司！
</div>
<div class="fr">
All Rights Reserved 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2024097831号-1</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>