这篇文章主要讲解了“javascript如何更改网页标题”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“javascript如何更改网页标题”吧！
创新互联是专业的兴安盟乌兰浩特网站建设公司，兴安盟乌兰浩特接单;提供成都网站设计、成都做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行兴安盟乌兰浩特网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
方法：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></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></p><p>当然如果你的项目里面依赖jQuery,可以使用jq的方法设置</p><pre>$('title').html('值')
$('title').text('值')</pre><p>jq中两种方式都可以实现</p><p><strong>总结</strong></p><p>原生js中我们可以通过 <code>innerText</code> , <code>document.title</code> 两种方式动态修改网页的title .</p><p>jq中我们可以通过 <code>$('title').html('值')</code> 或者 <code>$('title').text('值')</code> 进行修改。</p><p>感谢各位的阅读，以上就是“javascript如何更改网页标题”的内容了，经过本文的学习后，相信大家对javascript如何更改网页标题这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！</p>
<br>
网页标题：javascript如何更改网页标题 <br>
URL标题：<a href="http://scjbc.cn/article/gsjhcp.html">http://scjbc.cn/article/gsjhcp.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/dchhhee.html">Java薄饼代码 java画饼状图</a>
</li><li>
<a href="/article/dchhppi.html">c语言两个函数间的反斜杠 在c语言中有反斜杠加字母表示什么</a>
</li><li>
<a href="/article/dchhhso.html">linux从光驱安装命令 linux光驱启动怎么设置</a>
</li><li>
<a href="/article/dchhpgi.html">c语言设计函数实现求平均 c语言函数求平均值</a>
</li><li>
<a href="/article/dchhhog.html">帝国cms切换排序 帝国cms栏目分类</a>
</li> </ul>
</div>
</div>
<div class="footer">
<div class="contain">
<div class="foot-nav clearfix">
<ul class="footer-menu">
<li class="dropdown" ><a class="dropdown-toggle">服务范围<b class="caret"></b></a>
<ul class="child-menu">
<li><a href="/website.html">网站建设</a></li>
<li><a href="/weixin/" rel="nofollow">微信开发</a></li>
<li><a href="/app/" rel="nofollow">APP开发</a></li>
<li><a href="/design/" rel="nofollow">品牌设计</a></li>
<li><a href="/market/" rel="nofollow">营销推广</a></li>
</ul>
</li>
<li class="dropdown"><a href="/webcase/" class="dropdown-toggle" title=成都做网站案例>成都做网站案例<b class="caret"></b></a>
<ul class="child-menu">
<li><a href="/webcase/jtssgslist.html" id="ctl00_show_85" title="集团上市公司">集团上市公司</a></li>
<li><a href="/webcase/ppwzlist.html" id="ctl01_show_81" title="品牌网站">品牌网站</a></li>
<li><a href="/webcase/xiangyingshilist.html" id="ctl02_show_82" title="响应式网站">响应式网站</a></li>
<li><a href="/Marketingwebsite/index.html" id="ctl03_show_83" title="营销型网站">营销型网站</a></li>
<li><a href="/waimaowangzhan/index.html" id="ctl04_show_84" title="外贸网站">外贸网站</a></li>
</ul>
</li>
<li class="dropdown"><a href="/news/" class="dropdown-toggle">新闻中心 <b class="caret"></b></a>
<ul class="child-menu">
<li><a href="/news/2.html" id="ctl00_show_70" title="网站建设">网站建设</a></li><li><a href="/news/3.html" id="ctl00_show_70" title="网站设计">网站设计</a></li><li><a href="/news/5.html" id="ctl00_show_70" title="网站制作">网站制作</a></li><li><a href="/news/6.html" id="ctl00_show_70" title="网站优化">网站优化</a></li> </ul>
</li>
<li class="dropdown"><a href="/Knowledge/" class="dropdown-toggle">知识学堂 <b class="caret"></b></a>
<ul class="child-menu">
<li><a href="/websitelist/8.html" title="网站建设知识">网站建设知识</a></li><li><a href="/websitelist/9.html" title="网站设计知识">网站设计知识</a></li><li><a href="/websitelist/10.html" title="微信营销知识">微信营销知识</a></li><li><a href="/websitelist/11.html" title="营销推广知识">营销推广知识</a></li> </ul>
</li>
<li class="dropdown"><a href="/about/" class="dropdown-toggle" rel="nofollow">关于我们 <b class="caret"></b></a>
<ul class="child-menu">
<li><a href="/about/jj/index.html" id="ctl00_show_1300" title="公司简介" rel="nofollow">公司简介</a></li>
<li><a href="/about/history/index.html" id="ctl01_show_1301" title="发展历史" rel="nofollow">发展历史</a></li>
<li><a href="/about/jjtd/index.html" id="ctl02_show_1302" title="精英团队" rel="nofollow">精英团队</a></li>
<li><a href="/about/join/" rel="nofollow">加入我们</a></li>
<li><a href="/about/contact/" rel="nofollow">联系小谭</a></li>
</ul>
</li>
</ul>
<dl class="last-dl">
<dt> <a href="javascript:;" title="联系我们" rel="nofollow">联系小谭</a> </dt>
<dd class="conta"> <span><img src="/Public/Home/images/zg_ewm.png" width="100" /><br />
企业微信号</span> </dd>
</dl>
</div>
<div class="childcompan clearfix"> </div>
<div class="copy">
友情链接：
<a href="http://seo.cdkjz.cn/mobile/" title="自适应网站设计" target="_blank">自适应网站设计</a> <a href="http://www.cdxwcx.cn/tuoguan/xiyun.html" title="成都移动托管" target="_blank">成都移动托管</a> <a href="http://www.scsantai.cn/" title="三台网站建设" target="_blank">三台网站建设</a> <a href="http://www.cdhuace.com/fuwu.html" title="名片设计" target="_blank">名片设计</a> <a href="https://www.cdcxhl.com/yunying.html" title="网站运营" target="_blank">网站运营</a> <a href="http://www.jinhuajc.com/" title="成都橡塑保温管" target="_blank">成都橡塑保温管</a> <a href="http://www.cdkjz.cn/fangan/tour/" title="旅游网站建设方案" target="_blank">旅游网站建设方案</a> <a href="http://seo.cdkjz.cn/quanwang/" title="百度推广公司" target="_blank">百度推广公司</a> <a href="https://www.cdxwcx.com/" title="做网站设计" target="_blank">做网站设计</a> <a href="https://www.cdxwcx.com/wangzhan/mbshangcheng.html" title="商城网站" target="_blank">商城网站</a> </div>
<br>
123ABC<strong> <a href="/">成都网站建设</a></strong>，成都定制网站建设——全心全意建网站公司 </div>
</div>
<script type="text/javascript" src="/Public/Home/js/meiqia.js"></script>
<script type="text/javascript" src="/Public/Home/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/Public/Home/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/Public/Home/js/i.js"></script>
<script type="text/javascript" src="/Public/Home/js/script.js"></script>
<script type="text/javascript" src="/Public/Home/js/SuperSlide.js"></script>
<script type="text/javascript" src="/Public/Home/js/jquery.toTop.min.js"></script>
<script type="text/javascript" src="/Public/Home/js/num-change.js"></script>
<script type="text/javascript" src="/Public/Home/js/jquery.nicescroll.min.js"></script>
<script type="text/javascript">
$(".menu li").eq(7).addClass("current-menu-item");
</script>
</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> 