在FTL引入的JS中实现新窗口打开链接功能失效如何解决

代码始终不生效是三个核心错误叠加导致的：

• 语法混用错误：把jQuery的实例方法prop()和原生window.location的操作混在一起，字符串模板拼接出的是普通JS字符串，本身没有prop方法，代码运行到这行直接抛错中断，根本走不到跳转逻辑。
• 跳转逻辑错误：window.location.href = 地址本身的作用就是在当前标签页跳转，和新窗口打开完全是两套逻辑，就算强行给这个赋值语句后面加prop("target", "_blank")也完全不起作用。
• 浏览器拦截问题：把打开新窗口的逻辑放在setTimeout回调里，脱离了用户点击的同步交互上下文，现代浏览器会直接把这个弹窗判定为非用户主动触发的广告弹窗，拦截请求。

无延迟需求的标准实现 #

读localStorage本身是同步操作，根本不需要延迟，直接在点击事件的同步上下文里调用window.open即可，这也是兼容性最好、不会被拦截的写法：

$(".termsAndCondition").on("click", function(e) {
  // 如果绑定的元素是<a>标签，先阻止默认跳转行为
  e.preventDefault();
  const webUrl = localStorage.getItem("webUrl");
  const targetUrl = `${webUrl}TermsAndConditions`;
  // 直接打开新窗口，不会触发拦截
  window.open(targetUrl, "_blank");
});

必须加延迟逻辑的兼容写法 #

如果业务上确实需要等1秒再跳转（比如要等接口返回、资源加载完成），不要直接在setTimeout里写window.open，要提前在用户点击的同步阶段先拿到新窗口的引用，避免被拦截：

$(".termsAndCondition").on("click", function(e) {
  e.preventDefault();
  // 第一步：在用户交互的同步上下文里，先打开一个空白新窗口留存引用
  const newBlankWin = window.open("", "_blank");

  // 之后再执行延迟/异步逻辑
  setTimeout(() => {
    const webUrl = localStorage.getItem("webUrl");
    const targetUrl = `${webUrl}TermsAndConditions`;
    // 给已经打开的空白窗口赋值目标地址
    newBlankWin.location.href = targetUrl;
  }, 1000);
});

• 不要把window.open直接放在异步回调、setTimeout、Promise的then里，脱离用户手势的新窗口请求100%会被浏览器拦截。
• 不要混用原生DOM操作和jQuery方法，字符串、原生DOM对象上是没有jQuery实例方法的，很容易触发隐式报错。

内容的提问来源于stack exchange，提问作者dhaval pawale