Heim >Web-Frontend >js-Tutorial >JQuery Get Current Seitentitel
Holen Sie sich den JQuery -Code -Snippet des aktuellen Webseitentitels und speichern Sie den Titel in eine Variable für die Verwendung mit anderen Skripten. Dieser Titel wird in der Browser -Titelleiste angezeigt.
Code -Ausschnitt, der JQuery verwendet, um den vollständigen Titel der aktuellen Webseite zu erhalten und ihn in einer Variablen für die Verwendung mit anderen Skripten zu speichern:
jQuery(document).ready(function() { // 使用jQuery var href = jQuery(location).attr('href'); jQuery('#this_title').html('<strong>></strong>' + href + ''); // 使用纯JavaScript var title = document.title; }); 当前页面标题:mytitle。
Eine andere Methode, die von Andy vorgeschlagen wurde:
var current_href = $(location).attr('href'); var current_title = $(document).attr('title');
Um JQuery zu verwenden, um den Titel der aktuellen HTML -Seite zu erhalten, können Sie den folgenden Code -Snippet verwenden:
var pageTitle = $(document).attr('title'); console.log(pageTitle);
Dieser Code verwendet die attr()
-Methode von JQuery, um den Wert des "Titel" -attributs aus dem document
-Objekt (die die aktuelle HTML -Seite darzustellen) abzurufen. Melden Sie sich dann den Titel bei der Konsole an.
Ja, Sie können JQuery verwenden, um den Titel der aktuellen HTML -Seite zu ändern. Das Folgende ist die Betriebsmethode:
$(document).attr('title', '新标题');
Dieser Code verwendet die attr()
-Methode von JQuery, um den Wert der Eigenschaft "Titel" des document
-Objekts auf "neuer Titel" festzulegen.
$(document).attr('title')
und $('title').text()
können verwendet werden, um den Titel der aktuellen HTML -Seite in JQuery zu erhalten. Es gibt jedoch Nuancen zwischen den beiden. Ersteres erhält den Wert des "Titel" -attributs aus dem document
Objekt, während der letztere den Textinhalt des "Titel" -Elements erhält. In den meisten Fällen werden beide das gleiche Ergebnis zurückgeben.
Aufgrund der gleichorientierten Richtlinien der Webbrowser können Sie JQuery nicht verwenden, um den Titel einer externen Webseite direkt vom Client zu erhalten. Sie können jedoch Anfragen an externe Webseiten mit serverseitigen Programmiersprachen wie PHP oder Node.js senden, HTML-Inhalte abrufen und dann den Titel analysieren.
Sie können den folgenden JQuery -Code verwenden, um die URL der aktuellen HTML -Seite zu erhalten:
var pageURL = $(location).attr('href'); console.log(pageURL);
Dieser Code verwendet die attr()
-Methode von JQuery, um den Wert des Attributs "href" aus dem location
-Objekt (darzustellen, die die URL der aktuellen HTML -Seite darstellt). Legen Sie dann die URL an der Konsole an.
Ja, Sie können JQuery verwenden, um den Titel des Iframe -Inhalts zu erhalten. Aufgrund der gleichorientierten Richtlinie ist diese Methode jedoch nur dann effektiv, wenn der Inhalt des Iframe aus derselben Domäne wie der übergeordneten Seite stammt. Das Folgende ist die Betriebsmethode:
var iframeTitle = $('iframe').contents().find('title').text(); console.log(iframeTitle);
Dieser Code verwendet die contents()
-Methode von JQuery, um das Inhaltsdokument des Iframe zu erhalten, dann die find()
-Methode, um das Element "Titel" zu finden, und schließlich die text()
-Methode, um den Titel zu erhalten.
Sie können den Titel des Iframe -Inhalts mit dem folgenden JQuery -Code festlegen:
jQuery(document).ready(function() { // 使用jQuery var href = jQuery(location).attr('href'); jQuery('#this_title').html('<strong>></strong>' + href + ''); // 使用纯JavaScript var title = document.title; }); 当前页面标题:mytitle。
Dieser Code verwendet die contents()
-Methode von JQuery, um das Inhaltsdokument des Iframe zu erhalten, dann die find()
-Methode, um das Element "Titel" zu finden, und schließlich mit der text()
-Methode, um den Titel festzulegen.
Ja, Sie können JQuery verwenden, um den Titel eines bestimmten Elements auf der Seite zu erhalten. Das Folgende ist die Betriebsmethode:
var current_href = $(location).attr('href'); var current_title = $(document).attr('title');
Dieser Code verwendet die attr()
-Methode von JQuery, um den Wert des Attributs "Titel" aus dem Element mit der angegebenen ID zu erhalten. Melden Sie sich dann den Titel bei der Konsole an.
Ja, Sie können den Titel eines bestimmten Elements auf der Seite mit JQuery ändern. Das Folgende ist die Betriebsmethode:
var pageTitle = $(document).attr('title'); console.log(pageTitle);
Dieser Code verwendet die attr()
-Methode von JQuery, um den Wert des Attributs "Titel" des Elements mit der angegebenen ID auf "neuer Titel" festzulegen.
Ja, Sie können den folgenden JQuery -Code verwenden, um den Titel der aktuellen HTML -Seite zu erhalten, ohne die Methode attr()
zu verwenden:
$(document).attr('title', '新标题');
Dieser Code verwendet die text()
-Methode von JQuery, um den Textinhalt des "Titel" -Elements zu erhalten, der den Titel der aktuellen HTML -Seite darstellt. Melden Sie sich dann den Titel bei der Konsole an.
Das obige ist der detaillierte Inhalt vonJQuery Get Current Seitentitel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!