让 .jsp 的 url link 效果也能 用在 html link <li> 上

• 原本的 .js脚本 网站子连结 ("Nordic", "Microchip", "BLE Development Kit (DK)"为固定的网址)

class MyHeader extends HTMLElement {
    connectedCallback() {
        this.innerHTML = `
                
class="has-children has-children--multilevel-submenu">
                    <a href="product_list.html"><span>Productsspan>a>
                    <ul class="submenu">
                        <li><a href="product_nodic.html"><span>Nordicspan>a>li>
                        <li><a href="product_microchip.html"><span>Microchipspan>a>li>
                        <li><a href="product_dk.html"><span>BLE Development Kit (DK)span>a>li>
                        <li><a href="additional_product_01_12_prac.html"><span>additional productspan>a>li>
                    ul>
                
        `
    }
}

customElements.define('my-header',MyHeader)

• (pic01 截图)原本的 .js脚本 网站子连结
  

  

然后我有个酷 .jsp 脚本，只要放进 url,可以从 mysql 获取资料并显示出来

ex: http://192.168.0.222/english/product_0207.jsp?pid=en_4-05&pname=I_am_topic

ex: http://192.168.0.222/english/product_0207.jsp?pid=en_4-06&pname=I_am_topic_02

.jsp 可以依照url 展现不同的标题跟内容

Question: 要怎么使.js脚本 固定连结

<li><a href="http://192.168.0.222/english/product_0207.jsp?pid=en_001&pname=Nordic"><span>Nordicspan>a>li>

以下答案引用自GPT-3大模型,请合理使用：
.jsp

• Nordic

• .js
  var myLink = document.querySelector('a');

  function myInit() {

  if (myLink.href.match(/product_0207.jsp?pid=(\d+)/)) {

  myLink.href = 'http://192.168.0.222/english/product_0207.jsp?pid=' + myLink.href.match(/(\d+)/)[1];

  }

  }

  setTimeout(myInit, 1000);