动态更改 HTML 标题

Question

我目前正在制作一个根据用户输入更新 HTML 标题的页面。

<html>
    <head>
        <title>Page Title</title>
    </head>

    <body>
        <input type='text' placeholder='Your title...' />
    </body>

    <script>
        var inp = document.querySelector( 'input' );
        inp.addEventListener( 'keyup', evt => document.title = evt.target.value );
    </script>
</html>

但是，JavaScript 会忽略多个空格并将它们替换为一个空格。

甚至，如果我这样做 document.title = 'Far     Apart'，它也会做同样的事情。

既然HTML标题中可以有多个空格，那为什么JavaScript中可以呢？还有，我该如何正确操作？

Answer 1

  在 JS 中会被识别为字符串本身。您可以使用 \xa0 字符。

document.title = 'Far\xa0\xa0Apart'

动态更改 HTML 标题

Change HTML title dynamically

html

javascript

dynamic

page-title