ホームページ  >  記事  >  ウェブフロントエンド  >  Javascript変更ブラウザタイトルメソッド例共有

Javascript変更ブラウザタイトルメソッド例共有

小云云
小云云オリジナル
2018-01-05 17:43:131814ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。