PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

javascript怎么更改title标题

青灯夜游
青灯夜游 原创
2021-06-11 17:49:17 2137浏览

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

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

javascript更改title标题

1、innerText 方式

通过console.log(document.getElementsByTagName("title")[0]),发现能打印出

标签,标签里面只有文字节点,故猜测只能识别TextNode,所以用innerText方式设置title的值,果然成功了。<pre class="brush:php;toolbar:false">document.getElementsByTagName("title")[0].innerText = &#39;需要设置的值&#39;;</pre><p><strong>2、document.title方式</strong><br></p><p>经过测试,还可通过document.title 设置title的值。</p><pre class="brush:php;toolbar:false">console.log(document.title); # 可以获取title的值。 document.title = &#39;需要设置的值&#39;; # 设置title的值。</pre><p>例子</p><pre class="brush:php;toolbar:false">window.onfocus = function () { document.title = &#39;恢复正常了...&#39;; }; window.onblur = function () { document.title = &#39;快回来~页面崩溃了&#39;; };</pre><p>我们在浏览器取得了焦点和失去焦点的时候改变title的值,可以发现切换浏览器选项卡的时候,title发生了改变。</p><p>更多编程相关知识,请访问:<a href="https://www.php.cn/course.html" target="_blank" textvalue="编程视频">编程视频</a>!!</p>
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。