Javascript：创建一个只返回页面标题第一个单词的变量答案

【问题标题】：Javascript : Create a variable that returns me only the first word of page titleJavascript：创建一个只返回页面标题第一个单词的变量
【发布时间】：2020-06-01 12:02:23
【问题描述】：

我有一个带有三个词标题的网站页面。如何在 Javascript 中创建一个仅输出该标题的第一个单词的变量？

感谢您的帮助！

【问题讨论】：

这能回答你的问题吗？ javascript break sentence by words

标签： javascript variables title

【解决方案1】：

有很多方法可以做到这一点。如果这些单词用空格隔开，最简单直接的写法如下：

const firstWord = pageTitle.split(' ')[0];

如果您需要从浏览器API中提取页面标题，只需将地址document.title用作pageTitle变量即可。

【讨论】：

【解决方案2】：

const firstWord = document.getElementsByTagName('title')[0].innerText.split(' ')[0]

说明：

docuemnt.getElementsByTagName('tagName') 查找具有给定 tagName 的所有元素。我们只想要它的第一个元素。因此在其旁边添加 put [0]。

innerText 给出给定元素的内容。

split(" ") 根据参数将给定的字符串拆分为一个数组。这里因为我们要拆分成单词，所以我们使用空格' '。由于我们只需要第一个词，你必须再次使用[0]

【讨论】：

有时页面标题有额外的间距......我会很安全，只需使用：document.title.trim().split(/\s+/).shift()（不需要全局模式）。

【解决方案3】：

如果您需要标题的第一个“单词”，您可以：

访问document.title
修剪任何不必要的空白
移动结果数组以获取第一个非空白字符序列

注意：表达式不需要使用全局标志，因为我们只关心分割的左侧。

const firstWordOfTitle = document.title.trim().split(/\s+/).shift();

console.log(`First word of document: "${firstWordOfTitle}"`); // "Test"

&lt;title&gt;Test Title&lt;/title&gt;

【讨论】：