189 8069 5689

javascript中title标题怎么更改

今天就跟大家聊聊有关javascript中title标题怎么更改,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

松江ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18980820575(备注:SSL证书合作)期待与您的合作!

更改方法:1、使用“document.getElementsByTagName("title")[0].innerText="需要设置的值";”语句来修改;2、使用“document.title="需要设置的值";”语句来修改。

javascript更改title标题

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中title标题怎么更改有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。</p> <br> 网页题目:javascript中title标题怎么更改 <br> 文章地址:<a href="http://cdxtjz.cn/article/ghcjoc.html">http://cdxtjz.cn/article/ghcjoc.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/dopejss.html">wordpress保存 wordpress导出</a> </li><li> <a href="/article/dopejso.html">关于gis技术的调查报告 关于gis技术的调查报告总结</a> </li><li> <a href="/article/dopeghj.html">wordpress存档: wordpress缓存</a> </li><li> <a href="/article/dopejci.html">zblog博客源码带插件 zblog插件破解插件</a> </li><li> <a href="/article/dopejsg.html">zblog需要什么插件 zblog下载插件</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="https://www.cdcxhl.com/koubei.html" title="网络口碑营销" target="_blank">网络口碑营销</a>   <a href="http://www.tjxishu.com/" title="成都柴油发电机租用" target="_blank">成都柴油发电机租用</a>   <a href="https://www.cdcxhl.com/xiyun.html" title="成都移动主机托管" target="_blank">成都移动主机托管</a>   <a href="https://www.cdxwcx.com/jifang/mianyang.html" title="绵阳服务器托管" target="_blank">绵阳服务器托管</a>   <a href="https://www.cdxwcx.com/wangzhan/mobile.html" title="手机微信网站" target="_blank">手机微信网站</a>   <a href="https://www.xwcx.net/" title="成都托管服务器" target="_blank">成都托管服务器</a>   <a href="http://www.028jzp.com/" title="成都酒店服定制" target="_blank">成都酒店服定制</a>   <a href="http://www.kswsj.cn/tuiguang/" title="成都网站推广营销" target="_blank">成都网站推广营销</a>   <a href="http://www.cdxwcx.cn/" title="成都网站制作" target="_blank">成都网站制作</a>   <a href="https://www.cdxwcx.com/wangzhan/gaiban.html" title="网页改版" target="_blank">网页改版</a>    </div> </div> <div class="copy"> © Copyright 2023 <a href="http://www.cdxtjz.cn/">小谭建站工作室</a>All Rights Reserved.  <a href="https://www.cdxwcx.com" target="_blank">成都网站建设</a> / <a href="https://www.cdcxhl.com/" target="_blank">成都网站建设</a> / <a href="https://www.cdxwcx.com" target="_blank">响应式网站建设</a> / <a href="https://www.cdcxhl.com/zuyong/" 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>