Javascript 动态更改HTML标题

Javascript 动态更改HTML标题,javascript,html,dynamic,page-title,Javascript,Html,Dynamic,Page Title,我目前正在制作一个页面,根据用户输入更新HTML标题 <html> <head> <title>Page Title</title> </head> <body> <input type='text' placeholder='Your title...' /> </body> <script> v

我目前正在制作一个页面,根据用户输入更新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>

页面标题
var inp=document.querySelector('input');
inp.addEventListener('keyup',evt=>document.title=evt.target.value);
但是,JavaScript忽略了多个空格,并用一个空格替换它们

甚至,如果我执行
document.title='Far-parate'
,它也会执行相同的操作


既然HTML标题中允许多个空格,那么为什么JavaScript中允许多个空格呢?那么,如何正确地执行呢?

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

document.title = 'Far\xa0\xa0Apart'

那很酷。是否有\t的字符?如果没有特定的字符。您必须使用
\xa0
字符的组合。