JS重定向函数

JS redirect function

我正在尝试创建一个函数，如果 url 包含单词“TicketPreDateable”，它会更改按钮的重定向 link。所以我有一个像这样的按钮：

<div class="col-12 col-md-6 col-xl-4" id="myproductid">
  <figure class="effect-product mx-auto"><img class="figure-img img-fluid" src="myimage">
    <figcaption><span class="badge badge-danger" style="top: -2.7em; background-color: red;">OFFRE SPÉCIALE</span>
      <h2 class="mt-0" style="color: white !important;"><span>My </span>Product Title</h2>
      <p>Profitez des pistes le samedi lorsque d'autres sont occupés à faire leurs valises ou coincés dans les bouchons. Un tarif unique à 24€ vous donne accès en toute liberté au domaine skiable pour la journée.</p>
      <a onclick="produrlmobile("https://www.mylink.com/fr/ProductsNgTicket/ticketPreDateable?poolNr=13&projNr=495&ticketTypeNr=122&preDatable=True&groupId=1&Day=11&Month=12&Year=2021")" href=""></a>
    </figcaption>
  </figure>
</div>

我的函数如下所示：

function produrlmobile(produrl) {
  if (produrl.includes("TicketPreDateable")) {
    if (window.innerWidth < 960) {
      window.location.href = produrl.replace(
        "TicketPreDateable",
        "TicketPreDateableMobile"
      );
    } else {
      window.location.href = produrl;
    }
  } else {
    window.location.href = produrl;
  }
}

我的印象是 url 中的特殊字符导致该功能不起作用，但我不知道如何避免这种情况。

感谢您的帮助，祝您有愉快的一天！

有关 HTML 的问题，请参阅 Sarens 评论。

另请注意，replace 方法区分大小写。在您的函数中，您似乎正在尝试替换字符串 TicketPreDateable，但 url 仅包含 ticketPreDateable。对于替换方法参数中的旧字符串和新字符串，我建议检查您是否正确处理了案例。