如何将点击的URL存入全局变量？（含JavaScript代码示例）

你只需要先在全局作用域声明一个变量，然后在点击事件回调里把获取到的URL赋值给这个变量就行。另外可以优化一下代码，用this直接获取当前点击的按钮元素，比通过循环索引取值更简洁直观：

// 声明全局变量，初始值可设为null或空字符串
let clickedUrl = null;

const ctaClick = document.querySelectorAll('.menu-button');

for (let i = 0; i < ctaClick.length; i++) {
    ctaClick[i].addEventListener('click', function () {
        // 直接用this.href获取完整URL，和getAttribute('href')效果一致
        clickedUrl = this.href;
        // 若需要保留原拼接逻辑，可改为：clickedUrl = this.href + '?';
        console.log(clickedUrl);
    });
}

如果偏好ES6写法，也可以用forEach遍历，代码更简洁：

let clickedUrl = null;

document.querySelectorAll('.menu-button').forEach(button => {
    button.addEventListener('click', () => {
        clickedUrl = button.href;
        console.log(clickedUrl);
    });
});

这样声明的clickedUrl就是全局变量，页面内所有脚本都能访问到它的最新值。

内容的提问来源于stack exchange，提问作者Marcelle Ehlers