189 8069 5689

javascript如何修改浏览器title方法

这篇文章主要介绍javascript如何修改浏览器title方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联建站专注于都兰网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供都兰营销型网站建设,都兰网站制作、都兰网页设计、都兰网站官网定制、成都微信小程序服务,打造都兰网络公司原创品牌,更为您提供都兰网站排名全网营销落地服务。

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>document.title方式</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>jQuery方式</p><p>当然如果你的项目里面依赖jQuery,可以使用jq的方法设置</p><pre>$('title').html('') $('title').text('')</pre><p>jq中两种方式都可以实现</p><p>总结</p><p>原生js中我们可以通过 innerText , document.title 两种方式动态修改网页的title .</p><p>jq中我们可以通过 $('title').html('') 或者 $('title').text('') 进行修改。</p><p>以上是“javascript如何修改浏览器title方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!</p> <br> 网站名称:javascript如何修改浏览器title方法 <br> 本文来源:<a href="http://www.finscp.com/article/pocssc.html">http://www.finscp.com/article/pocssc.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/dcdodeh.html">阿里云国内和国外服务器 阿里云有国外服务器吗</a> </li><li> <a href="/article/dcdoddj.html">linux系统排查命令 linux问题排查</a> </li><li> <a href="/article/dcohpei.html">阿里云买了域名后怎么操作 阿里云买了域名之后怎么用</a> </li><li> <a href="/article/dcdodej.html">帝国cms修改下载模板 帝国cms模板文件放在哪里</a> </li><li> <a href="/article/dcdodcj.html">个性域名要怎么设置 个性域名注册</a> </li> </ul> </div> </div> <footer> <div class="foot container"> <div class="footl fl"> <h3>联系我们</h3> <dl> 您好HELLO!<br> 感谢您来到大邑网站建设公司,若您有合作意向,请您为我们留言或使用以下方式联系我们, 我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。 </dl> <ul> <li>电话:028- <span>86922220 18980695689</span></li> <li>商务合作邮箱:631063699@qq.com</li> <li>合作QQ: 532337155</li> <li>成都网站设计地址:成都市青羊区锣锅巷31号五金站写字楼6楼</li> </ul> </div> <div class="footr fr"> <h3>昊豪耀航建站公司</h3> <dl> 大邑昊豪耀航网站建设公司拥有多年以上互联网从业经验的团队,始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司;我们对营销、技术、管理都有自己独特见解,昊豪耀航建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务! </dl> <h3>昊豪耀航观点</h3> <dl> 相对传统的大邑网站建设公司而言,昊豪耀航是互联网中的网站品牌策划,我们精于企业品牌与互联网相结合的整体战略服务。<br> 我们始终认为,网站必须注入企业基因,真正使网站成为企业vi的一部分,让整个网站品牌策划体系变的深入而持久。 </dl> </div> </div> <div class="link"> <div class="container"> <span> 友情链接:</span> <a href="http://www.xhgfhy.com/ " title="雨棚定制" target="_blank">雨棚定制</a>   <a href="http://www.cdbranddesign.com/" title="成都品牌宣传" target="_blank">成都品牌宣传</a>   <a href="http://www.scjzmc.cn/" title="四川晃众门窗" target="_blank">四川晃众门窗</a>   <a href="http://www.mlyyzyq.com/" title="沃尔沃静音发电机" target="_blank">沃尔沃静音发电机</a>   <a href="http://mc.scmwjz.com/" title="成都门窗定制" target="_blank">成都门窗定制</a>   <a href="http://www.cqcxhl.com/service/foreigntrade.html" title="重庆外贸网站建设" target="_blank">重庆外贸网站建设</a>   <a href="http://www.cqcxhl.com/" title="重庆网站建设公司" target="_blank">重庆网站建设公司</a>   <a href="http://www.ytofo.com/" title="孝感市网站推广" target="_blank">孝感市网站推广</a>   <a href="https://www.cdcxhl.com/" title="成都网站制作公司" target="_blank">成都网站制作公司</a>   <a href="http://www.cxkongyun.cn/" title="成都航空货运" target="_blank">成都航空货运</a>    </div> </div> <div class="copy"> © Copyright 2026 <a href="http://www.finscp.com">昊豪耀航建站公司</a>All Rights Reserved.  <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">蜀ICP备2021004003号-2</a>  <a href="https://www.cdxwcx.com" target="_blank">成都网站建设</a> / <a href="https://www.cdxwcx.com" target="_blank">成都网站建设</a> / <a href="https://www.cdxwcx.com" target="_blank">响应式网站建设</a> / <a href="https://www.cdcxhl.com" target="_blank">成都网站设计</a>  <a href="https://www.cdcxhl.com/service/weihu.html" target="_blank">成都网站维护</a> <a href="https://www.cdcxhl.com/news/" target="_blank">其他新闻分类</a> </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>