动态设置HTML <title>标记值
动态设置HTML <title>标记值
提问于 2014-06-27 23:14:55
我有一个HTML页面。其目的是动态设置<title>标记。
使用此Ajax调用获取要插入到title标记内的数据，如下所示
$.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';这些都只会改变客户端(即浏览器标题)。
回答 2
Stack Overflow用户
发布于 2014-06-27 23:31:50
如果浏览器不检测并刷新标记中的文本，则无法更改该标记中的文本。
如果需要更改标记，且该标记必须为yes或yes，则添加第二个title标记。
如果您利用：
document.title='my new title';只会对您的第一个标记进行更改。
虽然我看不到任何主要的好处，这就是title标签的目的，更改窗口标题。
此外，如果只想修改文本，请使用.innerText而不是.innerHTML。
Stack Overflow用户
发布于 2018-07-23 07:38:10
// Create reusable function with variable to hold text
function title(text) {
return document.title = text
}
// Call function with string in parenthesis
title("Hello World");页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24455248
复制相关文章
相似问题