javascript - onclick 按钮重定向与同一页面上的变量？

Question

首先，我对 HTML、CSS 和 JS 很陌生，我花了很长时间试图找出一些可能相对基本的东西，所以我很感激任何建议（或已经问过的类似问题的链接）。

我一直在为我的雇主建立一个 B2B 网站，每个登录的客户都需要能够访问一个特定导航栏菜单项上的不同内容。此菜单按钮可能会导致 5 种不同资源（通过 URL 的 PDF 文档）中的任何一种，具体取决于每个客户端独有的特定参数。

我已经成功地创建了唯一的文件，这些文件根据每个客户端的登录凭据引用回 DOM，但是我无法将其嵌入到菜单按钮中。附带说明一下，该网站查询回我们的 SQL 数据库。

菜单栏：

 <ul style="">
             <li style="">
                <a class="menulinks currentItem" style="" href="xxx.aspx">
                    Agent Area
                </a>
              </li>         
             <li style="display:none;">
                <a class="menuHeader " style="display:none;" href="xxy.aspx" aria-haspopup="true">
                    Bookings
                </a>
                
                 <ul>
                     
                     <li class="menulinks subItem" style="display:none;">
                      <a class="menulinks subItem " style="display:none;" href="xxxz.aspx">
                          Online Bookings</a>
                     </li>
                     
                     <li class="menulinks subItem" style="display:none;">
                      <a class="menulinks subItem " style="display:none;" href="xxxu.aspx?dummy=-1">
                          List Bookings</a>
                     </li>
                     
                     <li class="menulinks subItem disabled" style="display:none;">
                      <a class="menulinks subItem disabled " style="display:none;" href="javascript:confirmNewBooking('', 'zxcv.aspx')" onclick="javascript: return false;">
                          New Quote</a>
                     </li>
                     
                     <li class="menulinks subItem disabled" style="display:none;">
                      <a class="menulinks subItem disabled " style="display:none;" href="ViewBooking.aspx?bookingId=-1" onclick="javascript: return false;">
                          This Booking</a>
                     </li>
                     
                 </ul>
              
             </li>
      
             <li style="display:none;">
                <a class="menulinks " style="display:none;" href="yut.aspx">
                    Online Tariff
                </a>
                
             </li>
      
             <li style="display:none;">
                <a class="menulinks " style="display:none;" href="PTF.aspx">
                    FIT Tariffs
                </a>
                
             </li>
      
             <li style="display:none;">
                <a class="menulinks " style="display:none;" href="qwert.aspx">
                    Product Search
                </a>
                
             </li>
      
             <li style="display:none;">
                <a class="menulinks " style="display:none;" href="tyyu.aspx">
                    Availability
                </a>
                
             </li>
      
             <li style="display:none;">
                <a class="menulinks " style="display:none;" href="asdf.aspx">
                    Tours &amp; Packages
                </a>
                
             </li>
      
             <li style="display:none;">
                <a class="menuHeader " style="display:none;" href="zxcv.aspx" aria-haspopup="true">
                    My Account
                </a>
                
                 <ul>
                     
                     <li class="menulinks subItem" style="display:none;">
                      <a class="menulinks subItem " style="display:none;" href="qazx.aspx">
                          User Accounts</a>
                     </li>
                     
                 </ul>
              
             </li>
      
             <li style="">
                <a class="menulinks " style="" href="URL target="_blank">
                    Portfolio
                </a>
                
             </li>
      
             <li style="">
                <a class="menulinks " style="" href="**UNIQUE VARIABLE TARGET**" target="_blank">
                    Rates &amp; info
                </a>
                
             </li>
      
</ul>

唯一变量需要放置在最终菜单项中，但它位于其他地方的 div 类中。变量资源显示在 H1 中，但我根本无法将其移动到菜单项。问题是每个资源都链接到特定的用户特定文件，因此需要在该文件中进行任何更改。以下是单独文件的示例：

        <h1 class="title">Download your confidential STO Rates</h1><a href="unique url">Rates and Information</a>

文档的标题链接回我们的 SQL 服务器，每个用户都被分配了一个特定的代码。

我想要的是以下两者之一：

1.）由于变量是H1中这些文件中显示的URL当前可能是5个之一，我可以使用什么JS来检索另一个div中的URL并将其发布到菜单项？这些资源是指向另一个资源的 URL，并且只有 5 个不同的结尾 #。我假设这是一个 onlick 事件，但老实说，我不太擅长 JS。

2.）或者，我可以输出尝试将单独的客户端文件配置为理想的菜单项的一部分，但我不确定如何执行此操作。

同样，我对此很陌生，所以任何建议都会非常有帮助。发布 COVID 后，我们的行业迫使我们学习在正常事件过程中通常不会有的东西！

非常感谢

-

标签： javascripthtmljquerycssonclick