Question

我有一个HTML页面。目的是动态设置<title>标记。

使用此Ajax调用将数据插入标题标记内，如下所示

    $.get("/" + $.flydubai.config.CurrentLanguageCode + "/error/PageTitle/", function (data) {
        document.title = data;
    });

现在，我想更新而不是浏览器标题，而是更新HTML <title></title>标记本身。它甚至可能吗？我试过这些：

document.getElementById('ttl').innerHTML = 'World';
ttl.innerHTML = 'world';
document.getElementsByTagName('title')[0].innerHTML = 'world';
document.querySelector.apply(document,['title']).innerHTML = 'world';
document.querySelectorAll.apply(document,['title'])[0].innerHTML = 'world';

这些只会改变客户端（即浏览器标题）。

Answer 1

您无法在浏览器检测并刷新标签的情况下更改标签内的文字。

如果您需要更改标记，并且该标记必须为yes或yes，则添加第二个标题标记。

如果您使用：

document.title='my new title';

只会对您的第一个标记进行更改。

虽然我没有看到任何重大好处，但这就是标题标签的目的，更改窗口标题。

此外，如果您只想修改文字，请使用.innerText而不是.innerHTML。

Answer 2

// Create reusable function with variable to hold text
function title(text) {
    return document.title = text
}

// Call function with string in parenthesis 
title("Hello World");

动态设置HTML <title>标记值</title>

2 个答案: