运行时提取修改OnClick函数，跨子域页面添加search parameters的最优方案咨询

嘿，我来帮你捋捋这个跨子域传递搜索参数的问题～首先得说，你的思路完全没问题——跨子域确实没法用Session共享数据，通过URL参数传递是最直接靠谱的方向，你现在的临时方案已经走对路了，不过咱们可以优化得更简洁、更符合现代JS规范，同时也更健壮。

先说说现有方案的可优化点 #

你现在的代码里手动用reduce拼接搜索参数，其实完全没必要——URLSearchParams原生就有toString()方法，直接调用就能得到拼接好的key=value&key2=value2格式的字符串，省掉了自己写循环拼接的冗余代码，还能避免手动处理时可能出现的格式错误。另外，事件绑定的部分也可以更直观一点，不用柯里化也能实现同样的效果，代码可读性会更高。

优化后的代码示例 #

我给你准备了两个版本，你可以根据项目是否依赖jQuery来选：

原生JS版本（无依赖，推荐）

function addSearchParams() {
  // 一步到位生成参数字符串，不用自己写循环
  const paramsStr = new URLSearchParams(location.search).toString();
  
  // 选择所有带loc属性的div，逐个绑定点击事件
  document.querySelectorAll('div[loc]').forEach(div => {
    div.addEventListener('click', () => {
      const targetUrl = div.getAttribute('loc');
      // 处理无参数的情况，避免URL末尾多一个空的?
      const fullUrl = paramsStr ? `${targetUrl}?${paramsStr}` : targetUrl;
      window.location.href = fullUrl;
    });
  });
}

// 确保页面元素加载完成后再绑定事件，防止找不到元素
document.addEventListener('DOMContentLoaded', addSearchParams);

jQuery版本（如果你项目还在用到jQuery）

function addSearchParams() {
  const paramsStr = new URLSearchParams(location.search).toString();
  
  $('div[loc]').each(function() {
    const $this = $(this);
    $this.on('click', function() {
      const targetUrl = $this.attr('loc');
      const fullUrl = paramsStr ? `${targetUrl}?${paramsStr}` : targetUrl;
      window.location.href = fullUrl;
    });
  });
}

// 页面就绪后执行
$(document).ready(addSearchParams);

为什么这个方案更优？ #

1. 更简洁高效：利用浏览器原生API处理参数拼接，减少冗余代码，也降低了手动拼接可能出现的错误（比如参数为空时的格式问题）。
2. 边界情况处理：当当前页面没有任何搜索参数时，不会在目标URL末尾加一个多余的?，URL更规范。
3. 事件绑定更可靠：用DOMContentLoaded（或jQuery的ready）确保所有带loc属性的div都渲染完成后再绑定点击事件，避免因为元素还没加载导致绑定失败的问题。
4. 完全满足跨子域需求：所有逻辑都是基于URL参数传递，不受子域限制，和你原本的需求完美匹配。

如果你还有更复杂的需求（比如需要过滤某些参数再传递），也可以在生成paramsStr之前对URLSearchParams做调整，比如用delete方法移除不需要的参数，再调用toString()就可以了。

内容来源于stack exchange