如何在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

若要获取页面的语言，必须从文档元素中获取属性。我创建了一个示例代码，用于获取和设置页面的语言。您可以将输出保存到某个变量，并创建与该变量的链接。lang

let lang = document.documentElement.lang

console.log(lang)

// output: en

document.documentElement.lang = 'af'

console.log(document.documentElement.lang)

// output: af

Answer 2

我把它作为一个新的答案添加，因为我不确定我应该做什么（这个事实本身表明这不是一个写得很好的问题），但我会尝试。

因此，您的脚本使用一些 ID 数组。然后，它为每个 ID 创建一个间隔，该间隔会不断更新具有该 ID 的元素的属性，并具有一定值。我不知道为什么你会这样做，因为或者不会随着时间的推移而改变，但我可能只是停止问，所以这是编辑过的代码：hrefpageTitlelanguage

<script>

    const linkIds = [

        'Your_link_id'

    ];

    // here I get the lanugage of the page

    let lang = document.documentElement.lang;

    linkIds.forEach(id => {

        const interval = setInterval(() => {    

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

            if (link) {

                clearInterval(interval);

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

                // here I set the language where page title was before 

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

                link.setAttribute('href', newHref);

            }

        }, 20);

    });

</script>

尝试一下并报告。如果你需要使用这样一个复杂的脚本，那么真正学习Javascript可能对你有好处。