jsブラウザtitleの動的変更
2062 ワード
titleは、htmlにおいて特殊なノード要素に属する.document.getElementsByTagName("title")[0]を使用してWebページのtitleラベルを取得できますが、document.getElementsByTagName("title")[0].innerHtmlで値を変更することはできません.テスト原生jsは2つの方法で修正でき,jQueryでも簡単に設定できる.知らない仲間たちは理解することができます.innerText方式
console.log(document.getElementsByTagName("title")[0])により、</code> ， ， <code>TextNode</code>， <code>innerText</code> title ， 。</p>
<pre><code>document.getElementsByTagName("title")[0].innerText = ' ';
</code></pre>
<h2>document.title </h2>
<p><strong> ， <code>document.title</code> title 。</strong></p>
<pre><code>console.log(document.title); # title 。
document.title = ' '; # title 。
</code></pre>
<p> ：</p>
<pre><code>window.onfocus = function () {
document.title = ' ...';
};
window.onblur = function () {
document.title = ' ~ ';
};</code></pre>
<p> title ， ，<code>title</code> 。</p>
<h2>jQuery </h2>
<p> jQuery, jq </p>
<pre><code>$('title').html('')
$('title').text('')</code></pre>
<p>jq </p>
<hr/>
<h1> </h1>
<blockquote>
<p> js <code>innerText </code> , <code>document.title</code> <code>title</code> .<br/>jq <code>$('title').html('')</code> <code>$('title').text('')</code> 。</p>
</blockquote>
</div>
</div>
</div>