ホームページ > 記事 > ウェブフロントエンド > Javascript変更ブラウザタイトルメソッド例共有
title は HTML の特別なノード要素です。これは、document.getElementsByTagName("title")[0] を使用して Web ページのタイトル タグを取得できますが、document.getElementsByTagName("title")[0] を使用することはできません。 .innerHtml 値を変更するために使用します。テスト後、ネイティブ js を変更するには 2 つの方法があり、jQuery で簡単に設定することもできます。よくわからない友達は調べてみましょう。
innerText メソッド
console.log(document.getElementsByTagName("title")[0]) により、b2386ffb911b14667cb8f0f91ea547a7 ラベルにはテキスト ノードしか印刷できないことがわかりました。 TextNodeのみ認識できるので、innerTextメソッドを使用してタイトルの値を設定することに成功しました。
document.getElementsByTagName("title")[0].innerText = '需要设置的值';
document.titleメソッド
テスト後、titleの値はdocument.titleを通じて設定することもできます。
console.log(document.title); # 可以获取title的值。 document.title = '需要设置的值'; # 设置title的值。
例
window.onfocus = function () { document.title = '恢复正常了...'; }; window.onblur = function () { document.title = '快回来~页面崩溃了'; };
ブラウザがフォーカスを取得したときとフォーカスを失ったときにタイトルの値を変更します。ブラウザのタブを切り替えると、タイトルが変更されることがわかります。
jQuery メソッド
もちろん、プロジェクトが jQuery に依存している場合は、jq メソッドを使用して設定できます
$('title').html('') $('title').text('')
どちらのメソッドも jq で実装できます
概要
ネイティブ JS では、 innerText、document.title を使用できます。 jq では、Web ページのタイトルを動的に変更する方法が 2 つあり、$('title').html('') または $('title').text を使用して変更できます。 ('')。
php でブラウザのユーザー エージェントを変更して、ブラウザとオペレーティング システムを偽装する
JavaScript でブラウザのタブ タイトルを変更するためのヒント_javascript のヒント
JavaScript を使用してブラウザを変更する URL の実装コードアドレスバー_JavaScriptスキル
以上がJavascript変更ブラウザタイトルメソッド例共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。