动态更改HTML标题

时间:2019-03-17 07:36:03

标签: javascript html dynamic page-title

我当前正在创建一个页面,该页面根据用户输入来更新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 &nbsp; &nbsp; Apart',它也会做同样的事情。

由于HTML标题中允许使用多个空格,那么为什么在JavaScript中允许使用空格?而且,我该怎么做呢?

1 个答案:

答案 0 :(得分:2)

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

document.title = 'Far\xa0\xa0Apart'