javascript - 根据文件名更改标题

Question

我有三个文件:“index.html”、“about.html”和“contact.html”。我想根据文件名使用 JS 更改标题，尽管我知道这不是最有效的选择。
我不能简单地做:document.title = 'Home' ，因为这会将所有页面的标题更改为“主页”。
我尝试使用 if 语句来更改它，但它似乎不起作用，尽管我不确定我是否正确执行此操作:

if (file.name == 'index.html') {
    document.title = 'Home';
} else if (file.name == 'about.html') {
    document.title = 'About';
} else if (file.name == 'contact.html') {
    document.title = 'Contact';
}

如果有人对此问题有很好的解决方案，将不胜感激。

Answer 1

也许你可以做这样的事情:

document.title = file.name.charAt(0).toUpperCase() + name.replace(/\.[^/.]+$/, "").slice(1)

( toUpperCase 将名称的第一个字符大写，正则表达式负责删除扩展名)