如何使用 javascript 获取当前 html 页面标题

Question

I'm trying to get the plain html page title with javascript.

I use firefox and with

document.title 

I get extra "- Mozilla Firefox" to the end of the title. I know it would be easy to get rid of this by modifying string but if they change text, use different format etc or some other browser modifies this differently I have extra text there again.

So, is there any cross browser way to get the plain tag content with javascript? Jquery solution is ok.

Answer 1

One option from DOM directly:

$(document).find("title").text();

Tested only on chrome & IE9, but logically should work on all browsers.

Or more generic

var title = document.getElementsByTagName("title")[0].innerHTML;

Answer 2

试试这样

$('title').text();

Answer 3

Like this :

jQuery(document).ready(function () {
    var title = jQuery(this).attr('title');
});

works for IE, Firefox and Chrome.

Answer 4

$('title').text();

returns all the title

but if you just want the page title then use

document.title

Answer 5

You can get it with plain JavaScript DOM methods.The concept is easy:

1. Retrieve title element from DOM.

2. Get its content using innerHTML or innerText .

So:

const titleElement = document.getElementsByTagName("title")
const title = titleElement.innerText

console.log(title) // The title of the HTML page.

To retrieve, you can use other methods such as querySelector , or adding an id to title, getElementById .

Answer 6

To get title and save it to a constant use:

const { title } = document;