如何在JavaScript中获取页面语言（hreflang）并将其作为参数添加到链接中

Question

例如，我有这个代码，它能够将页面的标题作为参数添加到标识为ID的链接中。我希望能够对页面的语言做同样的事情。感谢您的帮助！

<script>

const linkIds = [

  'Your_link_id'

];

linkIds.forEach(id => {

  const interval = setInterval(() => {    

    const link = document.querySelector('#' + id);

    if (link) {

      clearInterval(interval);

      const href = link.getAttribute('href');

      const pageTitle = 

        document

          .title

          .replace(/\s+/g, '_')

          .replace(/&/g, '')

          .toLowerCase()

      const newHref = `${href}?your_parameter_name=${pageTitle}`;

      link.setAttribute('href', newHref);

    }

  }, 20);

});

</script>

Answer 1

若要获取页面的语言，必须从文档元素中获取属性。我创建了一个示例代码，用于获取和设置页面的语言。您可以将输出保存到某个变量，并创建与该变量的链接。langlet lang = document.documentElement.langconsole.log(lang)// output: endocument.documentElement.lang = 'af'console.log(document.documentElement.lang)// output: af

Answer 2

我把它作为一个新的答案添加，因为我不确定我应该做什么（这个事实本身表明这不是一个写得很好的问题），但我会尝试。因此，您的脚本使用一些 ID 数组。然后，它为每个 ID 创建一个间隔，该间隔会不断更新具有该 ID 的元素的属性，并具有一定值。我不知道为什么你会这样做，因为或者不会随着时间的推移而改变，但我可能只是停止问，所以这是编辑过的代码：hrefpageTitlelanguage<script>&nbsp; &nbsp; const linkIds = [&nbsp; &nbsp; &nbsp; &nbsp; 'Your_link_id'&nbsp; &nbsp; ];&nbsp; &nbsp; // here I get the lanugage of the page&nbsp; &nbsp; let lang = document.documentElement.lang;&nbsp; &nbsp; linkIds.forEach(id => {&nbsp; &nbsp; &nbsp; &nbsp; const interval = setInterval(() => {&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const link = document.querySelector('#' + id);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (link) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clearInterval(interval);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const href = link.getAttribute('href');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // here I set the language where page title was before&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const newHref = `${href}?your_parameter_name=${lang}`;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; link.setAttribute('href', newHref);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }, 20);&nbsp; &nbsp; });</script>尝试一下并报告。如果你需要使用这样一个复杂的脚本，那么真正学习Javascript可能对你有好处。