这篇文章主要讲解了“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>
标题网址：<a href="http://hfanp.com/article/gsjhcp.html">http://hfanp.com/article/gsjhcp.html</a>
</div>
</div>
</div>
<div class="other container">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/dseogco.html">mysql库名怎么查看,怎么查看数据库名</a>
</li><li>
<a href="/article/dseogdo.html">vbnet表格,vbnet表格控件</a>
</li><li>
<a href="/article/dseogcp.html">android热点,android热点 抓包</a>
</li><li>
<a href="/article/dseogoh.html">css卡片圆角样式,css图片的圆角效果</a>
</li><li>
<a href="/article/dseogog.html">java源代码文件在哪找,怎么从源代码中找到下载地址</a>
</li> </ul>
</div>
<div class="footer">
<div class="foota container">
<div class="foot_nav fl col-lg-8 col-md-8 col-sm-12 col-xs-12">
<ul>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>网站制作</h3>
<a href="http://m.cdcxhl.cn/mobile/" target="_blank">手机网站制作</a><a href="http://www.wjzwz.com/" target="_blank">温江网站制作</a><a href="http://seo.cdkjz.cn/wangzhan/" target="_blank">网站制作公司</a><a href="https://www.cdcxhl.com/" target="_blank">网站制作</a><a href="http://m.cdcxhl.com/" target="_blank">成都网站制作</a><a href="http://www.cdxwcx.cn/bj/" target="_blank">网站制作价格</a> </li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>企业服务</h3>
<a href="https://www.cdcxhl.com/mianfei/zuo/chengdu.html" target="_blank">免费做网站</a><a href="https://www.cdcxhl.com/service/service.html" target="_blank">工商服务</a><a href="https://www.cdcxhl.com/ruanwen/" target="_blank">软文营销</a><a href="https://www.cdcxhl.com/ruanwen/yingxiao/" target="_blank">软文平台</a><a href="https://www.cdcxhl.com/service/trademark.html" target="_blank">商标注册</a><a href="https://www.cdcxhl.com/shoulu/" target="_blank">免费收录网站</a> </li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>网站建设</h3>
<a href="https://www.cdxwcx.com/city/wenjiang/" target="_blank">温江网站建设</a><a href="http://www.cdkjz.cn/" target="_blank">成都网站建设</a><a href="http://chengdu.xwcx.net/mobile/" target="_blank">手机网站建设套餐</a><a href="http://www.cdkjz.cn/wangzhan/waimao/" target="_blank">成都外贸网站建设</a><a href="http://m.cdcxhl.com/" target="_blank">网站建设推广</a><a href="http://m.cdcxhl.cn/H5/" target="_blank">响应式网站建设</a> </li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>服务器托管</h3>
<a href="https://www.cdxwcx.com/jifang/guanghua.html" target="_blank">光华服务器托管</a><a href="http://www.cdfuwuqi.com/tuoguan/duoxian/" target="_blank">多线服务器托管</a><a href="https://www.cdcxhl.com/idc/zongshu.html" target="_blank">棕树服务器托管</a><a href="https://www.cdcxhl.com/idc/yidong.html" target="_blank">移动服务器托管</a><a href="https://www.cdcxhl.com/tuoguan/yidong/" target="_blank">移动服务器托管</a><a href="https://www.cdcxhl.com/idc/meishan.html" target="_blank">眉山服务器托管</a> </li>
</ul>
</div>
<div class="footar fl col-lg-4 col-md-4 col-sm-12 col-xs-12">
<p>全国免费咨询:</p>
<b>400-028-6601</b>
<p>业务咨询：028-86922220 / 13518219792</p>
<p>节假值班：18980820575 / 13518219792</p>
<p>联系地址：四川省遂宁市船山区德水北路56号</p>
</div>
</div>
<div class="footb">
<div class="copy container">
<div class="fl">Copyright © 四川澄梦希喜广告有限公司 <a href="https://beian.miit.gov.cn/" target="_blank">蜀ICP备2025175960号-6</a></div>
<!--<div class="fr"><a href="https://www.cdxwcx.com/" target="_blank">成都网站建设</a>：<a href="https://www.cdcxhl.com/" target="_blank">澄梦希喜</a></div>-->
</div>
</div>
<div class="link">
<div class="container"> 友情链接：
<a href="https://www.cdcxhl.com/" target="_blank">成都网站建设</a>
<a href="https://www.cdcxhl.com/city/suining.html" target="_blank">遂宁网站建设</a>
<a href="https://www.cdcxhl.com/idc/meishan.html">眉山服务器托管</a>
<a href="https://www.cdcxhl.com/paiming/suining.html">遂宁seo排名</a>
<a href="https://www.cdxwcx.com/jifang/xiyun.html" target="_blank">移动服务器托管</a>
<a href="http://www.cdfuwuqi.com/" target="_blank">成都服务器托管</a>
<a href="https://www.cdcxhl.cn/" target="_blank">云服务器</a>
<a href="http://www.cdhuace.com/" target="_blank">广告设计制作</a>
<a href="https://www.cdcxhl.com/sheji/suining.html" target="_blank">遂宁网页设计</a>
<a href="https://www.cdcxhl.com/zuo/suining.html" target="_blank">遂宁做网站</a>
<a href="https://www.cdcxhl.com/zhizuo/suining.html" target="_blank">遂宁网站制作</a>
<a href="https://www.cdcxhl.com/seo/suining.html">遂宁网站推广</a>
<a href="https://www.cdcxhl.com/idc/deyang.html">德阳服务器托管</a>
<a href="https://www.cdcxhl.com/zuyong/meishan.html">眉山服务器租用</a>
<a href="https://www.cdcxhl.com/tuoguan/">成都服务器托管</a>
</div>
</div>
</div>
<div class="foot">
<ul class="public-celan">
<li>
<a href="#" target="_blank" class="a1 db tc">
<img src="/Public/Home/img/icon-23.png" alt="" class="db auto">
<span class="span-txt">在线咨询</span>
</a>
</li>
<li>
<a href="tel:18980820575" class="a1 db tc">
<img src="/Public/Home/img/icon-24.png" alt="" class="db auto">
<span class="span-txt">电话咨询</span>
</a>
</li>
<li>
<a target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="a1 db tc">
<img src="/Public/Home/img/icon-25.png" alt="" class="db auto">
<span class="span-txt">QQ咨询</span>
</a>
</li>
<li>
<a target="_blank" href="tencent://message/?uin=532337155&Site=&Menu=yes" class="a1 db tc public-yuyue-up">
<img src="/Public/Home/img/icon-26.png" alt="" class="db auto">
<span class="span-txt">预约顾问</span>
</a>
</li>
</ul>
</div>
<div class="customer">
<dl class="icon1">
<dt>
<a href="tencent://message/?uin=1683211881&Site=&Menu=yes">
<i class="iconT"><img src="/Public/Home/img/QQ.png" alt=""></i>
<p>在线咨询</p>
</a>
</dt>
</dl>
<dl class="icon2">
<dt><i><img src="/Public/Home/img/weixin.png" alt=""></i><p>微信咨询</p></dt>
<dd><img src="/Public/Home/img/ewm.png"></dd>
</dl>
<dl class="icon3">
<dt><i><img src="/Public/Home/img/dianhua.png" alt=""></i><p>电话咨询</p></dt>
<dd>
<p>028-86922220（工作日）</p>
<p>18980820575（7×24）</p>
</dd>
</dl>
<dl class="icon4">
<dt class="sShow">
<a href="tencent://message/?uin=244261566&Site=&Menu=yes">
<i><img src="/Public/Home/img/dengji.png" alt=""></i><p>提交需求</p>
</a>
</dt>
</dl>
<dl class="icon5">
<dt class="gotop">
<a href="#top">
<i><img src="/Public/Home/img/top.png" alt=""></i><p>返回顶部</p>
</a>
</dt>
</dl>
</div>
</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> 
遂宁站
遂宁站