javascript - 动态更改 HTML 标题

标签 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    除了',它做同样的事情。

既然 HTML 标题中允许有多个空格,那为什么在 JavaScript 中要这样呢?而且,我该如何正确地做到这一点?

最佳答案

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

document.title = 'Far\xa0\xa0Apart'

关于javascript - 动态更改 HTML 标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55204838/

相关文章:

javascript - 如何在express JS中正确显示动态页面?

php - HTML 和 PHP 文件之间的动态表单验证。这可能吗?

javascript - 停止动态创建的音频

javascript - 如何删除整个 html 元素以及 JQuery 按钮单击上的所有子元素?

javascript - 使用 JavaScript 让页面滑入?

javascript - 为原型(prototype)对象动态添加属性

javascript - jQuery 验证 onblur textarea 与其他输入问题

javascript - 如何将字符串值传递给 javascript 警报

用于监听 YouTube HTML5 播放器中 URL 更改的 JavaScript

javascript - 浏览器不输出带有文本框和提交按钮的网页