Javascript 带有静态查询字符串的动态URL

我正在写一个移动菜单，需要有查询字符串的动态URL

以下是HTML的一部分：

<ul>
    <li class="has-sub"><a href="#"><img alt="eclipse" src="image.png"/></a>
        <ul role="menubar">    
            <li><a class="link" href="http://sitename.com?ID=7">Parent 1</a></li>
            <li class="has-sub"><a aria-haspopup="true" href="#">Parent 2</a>
                <ul role="menu">
                    <li role="presentaiton"><a class="link" role="menuitem" href="http://sitename.com?ID=21">Child 1</a></li>
                    <li role="presentaiton"><a class="link" role="menuitem" href="http://sitename.com?ID=19">Child 2</a></li>
                    <li role="presentaiton"><a class="link" role="menuitem" href="http://sitename.com?ID=18">Child 3</a></li>
                    <li role="presentaiton"><a class="link" role="menuitem" href="http://sitename.com?ID=17">Child 4</a></li>
                    <li role="presentaiton"><a class="link" role="menuitem" href="http://sitename.com?ID=16">Child 5</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

---

有没有一种方法可以在HTML中使用静态查询字符串：href={link}+ID=7编写动态URL，而不使用任何插件？

我想整个问题都是为了修复这个URL冗余。如果你不想使用任何模板引擎，那么试试这个

我已经移除了wiz的公共部分http://sitename.com? 然后我选择你所有的a，然后我修改那里的HREF

变量链接=http://sitename.com?; $li.has-sub a.attrref，函数{ 返回链接+this.href； } 第一个父1呢，它没有相同的类？将管理@YogaPanda！这是我的选择器

    var absoluteURL = window.location.href;
    var url = $('.link').attr('href')
    url = url.replace('sitename', absoluteURL)