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://azwzsj.com/article/pocssc.html">http://azwzsj.com/article/pocssc.html</a> </div> </div> <div class="contentr fr"> <h3>其他资讯</h3> <ul> <li> <a href="/article/dohddjp.html">帝国cms专题分类列表 帝国cms移动端</a> </li><li> <a href="/article/dohddcc.html">MySQL怎么查询死锁 mysql死锁检测原理</a> </li><li> <a href="/article/dohddpp.html">php接收外部数据 php接收post数据json</a> </li><li> <a href="/article/dohddig.html">包含sap系统怎么查应付暂估的词条</a> </li><li> <a href="/article/dohdohj.html">c和c语言库函数速查手册 c语言库函数的使用方法</a> </li> </ul> </div> </div> </div> <!--底部--> <footer> <div class="foot"> <div class="container"> <h1>阿坝州建站您身边的网站建设服务商</h1> <div class="foot1"> <ul> <li> <dl><i class="iconfont"></i><b>地址ADDRESS</b></dl> <p>四川-阿坝州青羊区太升南路288号<br> 锦天国际A座10楼 </p> </li> <li> <dl><i class="iconfont"></i><b>电话/TEL</b></dl> <p><a href="tel:02886922220" target="_blank">028 86922220</a> (工作日)<br> <a href="tel:18980820575" target="_blank">1898082 0575</a> ( 7x24 ) </p> </li> <li> <dl><i class="iconfont"></i><b>QQ咨询</b></dl> <p> 244261566 (售前)<br> 631063699 (售后) </p> </li> <li> <dl><i class="iconfont"></i><b>邮箱/E: mail</b></dl> <p> service@cdcxhl.com (业务)<br> hr@cdcxhl.com (求职) </p> </li> </ul> </div> <div class="link"> 友情链接: <a href="http://www.cxhljz.cn/" title="成都网站建设公司" target="_blank">成都网站建设公司</a>   <a href="http://www.cdxwcx.cn/tuoguan/mianyang.html" title="绵阳服务器托管" target="_blank">绵阳服务器托管</a>   <a href="http://www.scltwjx.com/ " title="公路打桩机" target="_blank">公路打桩机</a>   <a href="https://www.scvps.cn/" title="成都虚拟主机" target="_blank">成都虚拟主机</a>   <a href="http://www.cdkjz.cn/develop/" title="电商网站" target="_blank">电商网站</a>   <a href="https://www.cdcxhl.com/ruanwen/yingxiao" title="软文推广" target="_blank">软文推广</a>   <a href="http://www.whjierui.cn/" title="乐山企业网站设计" target="_blank">乐山企业网站设计</a>   <a href="http://www.jinhuajc.com/" title="成都橡塑保温板" target="_blank">成都橡塑保温板</a>   <a href="http://www.cdxwcx.cn/tuoguan/meishan.html" title="眉山托管服务器" target="_blank">眉山托管服务器</a>   <a href="http://www.ghwzsj.com/" title="广东帝美豪门窗" target="_blank">广东帝美豪门窗</a>    </div> </div> </div> <div class="copy container"> Copyright © 2024 All Rights Reserved. 四川阿坝州网站建设公司 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2024099935号-3 </a> [原创设计,独立版权。未经许可.不得拷贝或镜像]<br> <a href="http://www.kswsj.cn/" target="_blank">网站营销推广</a> | <a href="https://www.cdcxhl.com/pinpai.html" target="_blank">品牌网站设计</a> | <a href="http://www.cdweb.net/" target="_blank">自适应网站建设</a> | <a href="http://cdkjz.cn/wangzhan/pinpai/" target="_blank">品牌网站建设</a> | <a href="http://chengdu.cdxwcx.cn/" target="_blank">成都网站制作</a> | <a href="https://www.cdcxhl.com/cloud/" target="_blank">云服务器</a> | <a href="https://www.cdcxhl.com/weihu/jiangan.html" target="_blank">阿坝州网站维护</a> | (阿坝州网站建设QQ : 631063699 )</div> </footer> <!--在线咨询--> <div class="fot"> <ul> <li> <a href="mqqwpa://im/chat?chat_type=wpa&uin=532337155&version=1&src_type=web&web_src=oicqzone.com" target="_blank"> <img src="/Public/Home/img/fot1.png" alt="建站咨询"> <p>在线咨询</p> </a> </li> <li> <a href="tel:18980820575" target="_blank"> <img src="/Public/Home/img/fot2.png" alt="建站电话"> <p>拨打电话</p> </a> </li> </ul> </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>